@charset "UTF-8";
/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* Colours */
/* Primary */
/* Neutrals */
/* Secondary */
/* ====  MIXINS UTILITIES  ==== */
/* Vertical align */
/* Border Radius */
/* Shadows */
/*  RESET == */
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-size: 100%;
  vertical-align: baseline;
}

strong {
  font-weight: initial;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

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

a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none;
}

[role=button] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

label {
  font-weight: initial;
}

input[type=submit], input[type=reset], input[type=button] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

button {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reset `button` and button-style `input` default styles */
input[type=submit], input[type=reset], input[type=button] {
  all: unset;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

[role=button] {
  color: inherit;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-header {
  float: none;
}

.navbar-right {
  margin-right: 0;
}

.table {
  margin-bottom: 0;
}

.navbar {
  border: 0;
}

.content-aside .container {
  max-width: 100%;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
body {
  font: 15px/24px "BBVA-Book";
}

p, .bodycopy {
  font-family: "BBVA-Book";
  line-height: 18px;
  color: #121212;
  font-size: 13px;
}
p.white, .bodycopy.white {
  color: #FFFFFF;
}
p.grey, .bodycopy.grey {
  color: #FFFFFF;
}
p strong, .bodycopy strong {
  font-family: "BBVA-Medium" !important;
  font-weight: initial !important;
}
p a, .bodycopy a {
  font-family: "BBVA-Medium" !important;
  color: #001391 !important;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
p a:hover, .bodycopy a:hover {
  color: #000 !important;
}
@media (min-width: 769px) {
  p, .bodycopy {
    color: #121212;
    line-height: 24px;
    font-size: 1em;
  }
}

.highlight {
  font: 22px/29px "BBVA-Book";
  color: #121212;
}

.headline {
  font: 22px/30px "BBVA-Book";
  color: #121212;
}

.video-promo .title {
  letter-spacing: -1.5px;
  color: #FFFFFF;
  font: 38px/50px "tiemposRegularItalic";
}
@media (min-width: 993px) {
  .video-promo .title {
    font: 72px/92px "tiemposRegularItalic";
  }
}

a.link {
  font-size: 13px;
  line-height: 18px;
  font-family: "BBVA-Medium";
  color: #001391;
  font-weight: initial !important;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
a.link.white {
  color: #FFFFFF;
}
a.link:hover {
  color: #070E46;
}
a.link i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 14px;
  margin-left: 7px;
}
@media (min-width: 769px) {
  a.link i {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  a.link {
    line-height: 23px;
    font-size: 1em;
  }
}

.entradilla {
  padding: 34px 0;
  color: #070E46;
  font-family: "BBVA-Book";
  line-height: 23px;
  margin: 0 auto;
  letter-spacing: 0.1px;
  text-align: left;
  font-size: 1em;
}
@media (min-width: 769px) {
  .entradilla {
    padding: 40px 98px 10px;
    line-height: 30px;
    font-size: 1.4666666667em;
  }
}

.title18 {
  line-height: 20px;
  font-family: "BBVA-Medium";
  color: #121212;
  font-size: 1.0666666667em;
}
@media (min-width: 769px) {
  .title18 {
    line-height: 24px;
    font-size: 1.2em;
  }
}
.title18.white {
  color: #FFFFFF;
}

.title-m22 {
  line-height: 23px;
  font-family: "BBVA-Medium";
  z-index: 20;
  color: #121212;
  position: relative;
  font-size: 1.1333333333em;
}
@media (min-width: 769px) {
  .title-m22 {
    line-height: 29px;
    font-size: 1.4666666667em;
  }
}
.title-m22.white {
  color: #FFFFFF;
}

.title22 {
  font-family: "BBVA-Medium";
  color: #070E46;
  letter-spacing: -0.4px;
  margin-bottom: 12px;
  font-size: 1.1333333333em;
}
@media (min-width: 769px) {
  .title22 {
    line-height: 1.4em;
    font-size: 1.2em;
  }
}
.title22.white {
  color: #FFFFFF;
}

.title22-20 {
  line-height: 24px;
  font-family: "BBVA-Medium";
  color: #121212;
  letter-spacing: -0.4px;
  font-size: 1.3333333333em;
}
@media (min-width: 769px) {
  .title22-20 {
    line-height: 27px;
    letter-spacing: -0.4px;
    font-size: 1.4666666667em;
  }
}

.title24 {
  line-height: 24px;
  font-family: "BBVA-Medium";
  color: #121212;
  font-size: 1.3333333333em;
}
@media (min-width: 769px) {
  .title24 {
    line-height: 42px;
    font-size: 1.6em;
  }
}
.title24.white {
  color: #FFFFFF;
}

.title26 {
  line-height: 20px;
  font-family: "BBVA-Medium";
  letter-spacing: -0.3px;
  color: #121212;
  font-size: 1.0666666667em;
}
@media (min-width: 769px) {
  .title26 {
    line-height: 31px;
    font-size: 1.7333333333em;
  }
}
.title26.white {
  color: #FFFFFF;
}

.title34 {
  font-family: "BBVA-Medium";
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #121212;
  font-size: 1.3333333333em;
}
@media (min-width: 769px) {
  .title34 {
    line-height: 42px;
    font-size: 2.2666666667em;
  }
}

.title34B {
  font-family: "BBVA-Book";
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #121212;
  font-size: 1.3333333333em;
}
@media (min-width: 769px) {
  .title34B {
    line-height: 42px;
    font-size: 2.2666666667em;
  }
}

.title36 {
  font-family: "tiemposBold";
  color: #070E46;
  letter-spacing: 0.6px;
  font-size: 2em;
}
@media (min-width: 769px) {
  .title36 {
    line-height: 1.1em;
    font-size: 2.9em;
  }
}
.title36.white {
  color: #FFFFFF;
}

.hero .jumbotron {
  background-size: cover;
}
.hero .headline {
  line-height: 34px;
  letter-spacing: -0.4px;
  font-family: "tiemposBold";
  margin: 60px 0;
  color: #FFFFFF;
  text-align: center;
  font-size: 2.1333333333em;
}
@media (min-width: 769px) {
  .hero .headline {
    line-height: 76px;
    letter-spacing: -0.3px;
    margin: 30px 0;
    font-size: 5em;
  }
}
@media (min-width: 769px) {
  .hero .headline.long-tail {
    font-size: 55px;
    line-height: 68px;
    margin-bottom: -8px;
    margin-top: 38px;
  }
}
.hero .h2 {
  font: 42px "BBVA-Bold";
  letter-spacing: -0.19px;
}

.promo .headline {
  font-family: "BBVA-Bold";
  letter-spacing: -0.4px;
  line-height: 24px;
  text-align: center;
  font-size: 1.3333333333em;
}
@media (min-width: 769px) {
  .promo .headline {
    letter-spacing: -1px;
    text-align: left;
    line-height: 55px;
    font-size: 3.3333333333em;
  }
}

strong {
  font-family: "BBVA-Medium";
  color: #121212;
}

.subtitle {
  font: 26px/35px "BBVA-Medium";
  letter-spacing: -0.3px;
  color: #121212;
}
.subtitle.white {
  color: #FFFFFF;
}

.title-data {
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #121212;
  margin-bottom: 12px;
  font-family: "BBVA-Medium";
  font-size: 1.3333333333em;
}
@media (min-width: 769px) {
  .title-data {
    line-height: 42px;
    margin-bottom: 20px;
    font-size: 2.2666666667em;
  }
}

h3.title-data {
  font-family: "tiemposBold";
  color: #070E46;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* ======= GENERAL ======= */
body {
  font-size: 15px;
  overflow-x: hidden;
}

sup {
  top: -0.2em;
}

.list_headline {
  font: 14px/22px "BBVA-Medium";
  letter-spacing: -0.1px;
  color: #BDBDBD;
  text-transform: uppercase;
}
.list_headline.white {
  color: #FFFFFF;
}

/*blockquote {
  background-color: $medium;
  font: 16px/23px 'tiemposRegularItalic';
  color: $white;
}

// TESTIMONIAL

.testimonial {
  font: 45px/60px 'tiemposRegularItalic';
  color: $g600;
}*/
.section .headline {
  font: 13px "BBVA-Medium";
  color: #121212;
  letter-spacing: -0.7px;
}
.section .headline .white {
  color: #FFFFFF;
}

.category .title {
  font: 34px "BBVA-Medium";
  color: #121212;
  letter-spacing: -1.3px;
}
.category .prod_title {
  font: 22px "BBVA-Medium";
  color: #121212;
}

.blog .author .quote {
  font: 56px/70px "tiemposRegularItalic";
  letter-spacing: -0.9px;
  color: #FFFFFF;
}
.blog .testimonial {
  font: 32px/46px "tiemposRegularItalic";
  color: #121212;
}
.blog .category_tag {
  font: 11px/14px "BBVA-Medium";
  color: #BDBDBD;
}
.blog .category_tag.white {
  color: #FFFFFF;
}

.editorial .home_title {
  font: 22px/27px "BBVA-Bold";
  color: #2a86ca;
  letter-spacing: -0.4px;
}
.editorial .main_title {
  font: 40px/46px "BBVA-Bold";
  color: #FFFFFF;
  letter-spacing: -1.6px;
}

.filters {
  font: 13px/18px "BBVA-Medium";
  color: #666666;
  text-transform: uppercase;
}

.nav {
  font: 20px/23px "BBVA-Light";
  color: #121212;
  letter-spacing: -0.27px;
  text-align: center;
}
@media (max-width: 679px) {
  .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
  .nav li {
    margin: 0;
  }
}

input {
  font: 16px/16px "BBVA-Book";
  color: #121212;
}

/* -------------------------------------- */
/* ------------ CTAS  ------------------- */
/* -------------------------------------- */
.cta-primary {
  font-family: "BBVA-Bold";
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  border-radius: 6px;
  font-size: 0.8666666667em;
}
.cta-primary:not(.tiny) {
  padding: 13px 0;
  min-width: 190px;
}
@media (min-width: 769px) {
  .cta-primary {
    font-size: 1em;
  }
  .cta-primary:not(.tiny) {
    padding: 14px 30px;
  }
}
.cta-primary.tiny {
  max-width: 130px;
  width: 100%;
  height: 50px;
}
@media (min-width: 769px) {
  .cta-primary.tiny {
    max-width: 170px;
    height: 60px;
  }
}
.cta-primary:hover, .cta-primary:active, .cta-primary:focus {
  color: #FFFFFF;
  outline: none;
}
.cta-primary.aqua {
  background-color: #001391;
}
.cta-primary.aqua:hover {
  background-color: #070E46;
}
.cta-primary.blue {
  background-color: #001391;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  color: #FFF !important;
}
.cta-primary.blue:hover {
  background-color: #070E46;
  color: #FFF !important;
}
.cta-primary.dark_blue {
  background-color: #004481;
}
.cta-primary.dark_blue:hover {
  background-color: #043263;
}
.cta-primary.disabled {
  color: #BDBDBD;
  background-color: #E9E9E9;
  pointer-events: none;
  cursor: default;
}

.cta-secundary {
  text-align: center;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  color: #001391;
  background-color: #E9E9E9;
  border: 2px solid #001391;
  border-radius: 6px;
  padding: 10px 26px;
  font-family: "BBVA-Medium";
  min-width: 130px;
  letter-spacing: 0.5px;
  display: inline-block;
  font-size: 0.9333333333em;
  /* @media(min-width: 769px) {
       line-height: 23px;
       @include font-size(15px);
   }*/
}
.cta-secundary:hover {
  color: #001391;
  border-color: #FFF;
  background-color: #FFF;
}
.cta-secundary i {
  font-size: 14px;
  vertical-align: text-top;
  margin-right: 8px;
  margin-left: 7px;
}
@media (min-width: 769px) {
  .cta-secundary i {
    font-size: 16px;
  }
}

.cta-play {
  font: 10px BBVA-Bold;
  color: #FFFFFF;
  display: block;
  margin-top: -19px;
  margin-bottom: 48px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media (min-width: 769px) {
  .cta-play {
    font: 14px BBVA-Bold;
    margin-top: 18px;
    margin-bottom: initial;
  }
}
.cta-play span.play {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  font-size: 22px;
}
.cta-play span.play i {
  color: #FFFFFF !important;
}
@media (min-width: 769px) {
  .cta-play span.play {
    font-size: 47px;
    padding: 0 10px;
  }
}
.cta-play:hover, .cta-play:active, .cta-play:focus {
  color: #FFFFFF !important;
  opacity: 0.8;
}

.overlay.blue {
  background-color: #004481;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
}

/* -------------------------------------- */
/* ------------ STATIC CONTENT ---------- */
/* -------------------------------------- */
section.static {
  margin: 0 auto 20px;
  padding: 40px 98px 60px !important;
}
@media (max-width: 768px) {
  section.static {
    padding: 35px 0 !important;
    width: 100%;
  }
}
@media (min-width: 769px) {
  section.static.p0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
section.static.p20 {
  padding: 20px;
}
section.static.white {
  background: #FFF;
  border-radius: 15px;
}
@media (max-width: 769px) {
  section.static.white {
    padding: 10px 20px !important;
  }
}

.tab-content .tab-pane section.static {
  width: 100%;
}

ul.list {
  margin-top: 10px;
  margin-bottom: 29px;
}
ul.list:last-of-type {
  margin-bottom: 0;
}
ul.list li {
  font-size: 13px;
  font-family: "BBVA-book";
  color: #121212;
  position: relative;
  margin-bottom: 10px;
  line-height: 18px;
  padding-left: 18px;
}
@media (min-width: 769px) {
  ul.list li {
    line-height: 23px;
    color: #666666;
    padding-left: 23px;
    font-size: 1em;
  }
}
ul.list li:last-of-type {
  margin-bottom: 0;
}
ul.list li:before {
  content: "";
  position: absolute;
  background-image: url("../assets/list.svg");
  height: 12px;
  width: 4px;
  left: 0;
  top: 2px;
}
@media (min-width: 769px) {
  ul.list li:before {
    height: 15px;
    width: 5px;
  }
}

ol {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 29px;
  color: #666666;
  counter-reset: item;
}
ol li {
  font-size: 13px;
  font-family: "BBVA-book";
  color: #121212;
  position: relative;
  margin-bottom: 10px;
  line-height: 18px;
}
@media (min-width: 769px) {
  ol li {
    line-height: 23px;
    color: #666666;
    font-size: 1em;
  }
}
ol li:before {
  display: inline-block;
  content: counter(item) ".";
  counter-increment: item;
  font-family: "bbva-light";
  padding-right: 9px;
}
@media (min-width: 769px) {
  ol li:before {
    padding-right: 15px;
  }
}

blockquote {
  position: relative;
  margin-top: 45px;
  background-color: #F4F4F4;
  max-width: 750px;
  border-radius: 1px;
  margin-bottom: 30px;
  padding: 40px 30px;
}
@media (min-width: 769px) {
  blockquote {
    padding: 60px 50px;
    margin-top: 60px;
  }
}
blockquote p {
  font-family: "tiemposRegularItalic";
  line-height: 28px;
  color: #121212;
  font-size: 1.4666666667em;
}
@media (min-width: 769px) {
  blockquote p {
    line-height: 38px;
    font-size: 2.1333333333em;
  }
}
blockquote:before {
  content: "\ea9e";
  font-family: bbva_icons;
  color: #2a86ca;
  font-size: 52px;
  position: absolute;
  top: -13px;
}
@media (min-width: 769px) {
  blockquote:before {
    font-size: 62px;
  }
}

.static .title-m22 {
  font-family: "BBVA-book";
  margin-bottom: 7px;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .static .title-m22 {
    margin-bottom: 11px;
    font-family: "BBVA-Medium";
    margin-top: 28px;
  }
}
.static h2 {
  line-height: 24px;
  font-family: "BBVA-Medium";
  letter-spacing: -0.5px;
  color: #121212;
  margin-bottom: 10px;
  font-size: 1.6em;
}
@media (min-width: 769px) {
  .static h2 {
    line-height: 42px;
    margin-bottom: 15px;
    font-size: 1.8em;
  }
}
.static p {
  margin-bottom: 10px;
}
section.header-subpage + .static {
  padding-top: 0;
}

/* -------------------------------------- */
/* ------------ BUTTON  INLINE ---------- */
/* -------------------------------------- */
.button-inline {
  display: block;
  margin-top: 22px;
}
.button-inline li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 20px;
  margin-bottom: 12px;
}
.button-inline li:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .button-inline li.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin-left: 0;
    margin-top: 13px;
  }
  .button-inline li.item:first-child {
    margin-bottom: 0 !important;
  }
  .button-inline .cta-secundary {
    text-align: left;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .button-inline.wtooltip {
    margin-top: 13px;
  }
  .button-inline.wtooltip li.item {
    margin-top: 9px;
  }
}

/* -------------------------------------- */
/* ------------ BUTTON IN BLOCK --------- */
/* -------------------------------------- */
.button-inblock {
  display: block;
  margin-top: 16px;
  position: relative;
  z-index: 20;
}
.button-inblock li.item {
  display: block;
  width: 100%;
  text-align: left;
  margin-left: 0;
  margin-bottom: 11px;
}
.button-inblock li.item:last-child {
  margin-bottom: 0 !important;
}
.button-inblock li.item .cta-secundary {
  text-align: left;
}
@media (min-width: 769px) {
  .button-inblock {
    margin-top: 22px;
    position: absolute;
    bottom: 30px;
  }
}

/* -------------------------------------- */
/* -------------- TOOLTIP --------------- */
/* -------------------------------------- */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 200;
  cursor: pointer;
  /* Hide the tooltip content by default */
  /* Position tooltip above the element */
  /* Show tooltip content on hover */
}
[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden;
  pointer-events: none;
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
[data-tooltip]:before {
  position: absolute;
  left: -103px;
  bottom: -31px;
  vertical-align: middle;
  width: 158%;
  height: 30px;
  border-radius: 1px;
  background-color: #F4F4F4;
  color: #121212;
  background-clip: border-box;
  content: attr(data-tooltip);
  text-align: center;
  text-transform: none;
  font: 13px/26px "BBVA-Medium";
  font-size: 0.8666666667em;
  border-radius: 1px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
[data-tooltip]:after {
  position: absolute;
  bottom: -1px;
  right: 10px;
  margin-left: 79px;
  width: 0;
  border-bottom: 5px solid #F4F4F4;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  visibility: visible;
}

/* ------ UTILIDADES ------- */
.align-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.no-pad {
  padding-left: 0;
  padding-right: 0;
}

.clear {
  clear: both;
}

.no-gutter > [class*=col-] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.mfp-iframe-holder {
  background-color: #000000;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 40px !important;
}

.mfp-container {
  margin-top: 120px !important;
  height: auto !important;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.5;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

#searchResults .loader {
  margin: 1em auto;
  text-align: center;
}

.bbva-alert.alert {
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #D9EFE0;
  color: #48AE64;
}
.bbva-alert.alert i {
  font-size: 24px;
  margin-right: 1em;
}

.sitemap-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em 0;
}
.sitemap-pages > div {
  width: 300px;
  max-width: 100%;
  padding: 1em;
}

body .pea_cook_wrapper {
  padding: 0;
  border-radius: 0;
  display: none;
}
body .pea_cook_wrapper.pea_cook_bottomcenter {
  bottom: 0;
  left: auto;
  margin: 0 auto;
  width: 100%;
  background: transparent !important;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p {
  bottom: auto;
  font-family: inherit;
  font-size: inherit;
  margin: 0 auto;
  font-weight: normal;
  max-width: 1140px;
  text-align: left;
  padding: 2em;
  color: #000;
  position: relative;
  background: #d4edfc;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p:before {
  content: "Cookies";
  font-size: 24px;
  color: #000;
  display: block;
  margin-bottom: 15px;
  font-family: "BBVA-Book", sans-serif;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p #fom {
  color: #2A86CA !important;
  border-bottom: none;
  display: block;
  padding: 1em 0 0;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p #fom:hover {
  color: #23527c;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn {
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #2a86cd;
  font: inherit;
  line-height: 1;
  padding: 0;
  text-align: center;
  text-shadow: none;
  width: 20px;
  height: 30px;
  margin-left: auto;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 15px;
  outline: none;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:after, body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:before {
  content: "";
  width: 20px;
  height: 2px;
  background: #2a89d6;
  display: block;
  position: absolute;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn.hover:after, body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn.hover:before {
  background: #23527c;
}
body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.aviso-legal .title-data {
  font-size: 18px;
  margin-bottom: 10px;
}

.aviso-legal .table-responsive .tablepress > tbody > tr > td:not([rowspan]) {
  padding-left: 30px;
  text-align: left;
}

ol.letters {
  counter-reset: list;
  padding-left: 1.4em;
  margin-top: 1em;
  color: #666;
}
ol.letters > li {
  margin-bottom: 1em;
  list-style: none;
  position: relative;
  padding-left: 1em;
}
ol.letters > li:before {
  counter-increment: list;
  content: counter(list, upper-alpha) ") ";
  position: absolute;
  left: -1.4em;
  font-weight: bold;
}

*[data-toggle], *[data-dismiss] {
  color: #2a86cd;
  cursor: pointer;
}
*[data-toggle] span, *[data-dismiss] span {
  margin-right: 10px;
  vertical-align: top;
}
*[data-toggle]:hover, *[data-dismiss]:hover {
  color: #1464A5;
}

.modal-open {
  overflow-Y: scroll;
}
.modal-open .site-canvas {
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
}

.bbva-modal .modal-dialog {
  width: 1140px;
  margin: 30px auto;
  max-width: 90%;
}
.bbva-modal .modal-dialog .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 1em;
}
@media (min-width: 769px) {
  .bbva-modal .modal-dialog .modal-content {
    padding: 0;
  }
}
.bbva-modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  text-align: right;
}
.bbva-modal .modal-dialog .modal-content .modal-header span {
  font-size: 32px;
}
.bbva-modal .modal-dialog .modal-content .modal-body {
  max-width: 560px;
  margin: 0 auto;
}
.bbva-modal .modal-dialog .modal-content .modal-body h3 {
  margin-bottom: 1em;
  font-size: 32px;
  font-family: "BBVA-Light", sans-serif;
}
.bbva-modal .modal-dialog .modal-content .modal-body p {
  margin-bottom: 1em;
}
.bbva-modal .modal-dialog .modal-content .modal-footer {
  padding: 0 15px 3em;
  text-align: left;
  border-top: 0;
  max-width: 560px;
  margin: 0 auto;
}

.lightbox-modal-desktop {
  margin: 30px 0;
}
.lightbox-modal-desktop .content {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFFFFF;
}
.lightbox-modal-desktop .content .big-close {
  display: block;
  width: 100%;
  text-align: right;
  margin-right: 30px;
}
.lightbox-modal-desktop .content .big-close i {
  color: #49a5e6;
  font-size: 24px;
  cursor: pointer;
}
.lightbox-modal-desktop .content iframe {
  min-height: 600px;
  margin-top: 20px;
}

/*
Documentos: ocultar resultados
*/
.docu-anno, .grupo {
  display: none;
}

/*
// TODO: Fix paddings

section.grey + section.white, section.white + section.grey {
  padding-top: 40px;
}*/
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu3 {
  text-align: left;
  font-family: "BBVA-Medium";
  line-height: 18px;
  font-size: 13px;
  padding-bottom: 22px;
}
.menu3 div {
  padding-bottom: 22px;
}
@media (min-width: 769px) {
  .menu3 {
    font-size: 1em;
  }
}
.menu3 a {
  padding: 0;
  color: #001391 !important;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  font-size: 0.94em;
}
.menu3 a:hover, .menu3 a:active, .menu3 a:focus {
  background-color: initial;
  color: #070E46 !important;
}
.menu3 a.active {
  color: #121212 !important;
}

section.rounded-full iframe {
  padding: 40px 98px 10px !important;
}
@media (max-width: 768px) {
  section.rounded-full iframe {
    padding: 10px 20px !important;
  }
}

section.rounded-full > .container {
  border-radius: 10px !important;
  overflow: hidden;
}

h1.debug_h1 {
  display: none;
}

@media (min-width: 1400px) {
  section > .container {
    max-width: 1140px;
  }
}
article.data-conent {
  margin-bottom: 64px;
}

.centered {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.grupo article.data-content {
  padding: 20px 0;
}

.pager {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}
.pager span,
.pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  width: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
}
.pager span {
  color: #070E46;
  background: #fff;
}
.pager a {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  color: #001391;
}
.pager a:hover {
  background: #070E46;
  color: #FFF;
}

a.blue {
  color: #001391;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  font-family: "BBVA-Medium";
}
a.blue:hover {
  color: #070E46;
}

a.cta-primary {
  color: #FFF;
}

.p0 {
  padding: 0 !important;
}

.static.narrow {
  width: calc(100% - 24px);
}

.max-width-1140 {
  max-width: 1140px !important;
}
@media (min-width: 1140px) {
  .max-width-1140 {
    max-width: 1092px !important;
  }
}

.max-width-1092 {
  max-width: 1092px !important;
}

/*.row{
    max-width: 944px;
    margin-left: auto;
    margin-right: auto;
}*/
.collapse h2.headline {
  margin-top: 10px;
}

.h3.title-data {
  margin-top: 20px;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.mb40 {
  margin-bottom: 33px !important;
}

@media (min-width: 769px) {
  .mt40 {
    margin-top: 37px !important;
  }
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb80 {
  padding-bottom: 53px !important;
}
@media (min-width: 769px) {
  .mb80 {
    padding-bottom: 73px !important;
  }
}

.mb50 {
  margin-bottom: 35px !important;
}
@media (min-width: 769px) {
  .mb50 {
    margin-bottom: 50px !important;
  }
}

.mb52 {
  margin-bottom: 30px !important;
}
@media (min-width: 769px) {
  .mb52 {
    margin-bottom: 52px !important;
  }
}

.mb55 {
  margin-bottom: 32px !important;
}
@media (min-width: 769px) {
  .mb55 {
    margin-bottom: 55px !important;
  }
}

.mt70 {
  margin-top: 49px;
}
@media (min-width: 769px) {
  .mt70 {
    margin-top: 65px;
  }
}

.pr0 {
  padding-right: 0;
}
@media (min-width: 769px) {
  .pr0 {
    padding-right: 15px;
  }
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pb30 {
  padding-bottom: 30px;
}

.pb70 {
  padding-bottom: 63px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt44 {
  padding-top: 44px !important;
}

.pt60 {
  padding-top: 40px !important;
}
@media (min-width: 769px) {
  .pt60 {
    padding-top: 60px !important;
  }
}

.pt73 {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  .pt73 {
    padding-top: 73px !important;
  }
}

.pb73 {
  padding-bottom: 60px !important;
}
@media (min-width: 769px) {
  .pb73 {
    padding-bottom: 73px !important;
  }
}

.pt80 {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  .pt80 {
    padding-top: 80px !important;
  }
}

.pb80 {
  padding-bottom: 60px !important;
}
@media (min-width: 769px) {
  .pb80 {
    padding-bottom: 80px !important;
  }
}

.no-margin {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* ------ BREADCRUMBS ------- */
.breadcrumbs-container .container {
  padding: 0 !important;
  max-width: 1140px;
}
.breadcrumbs-container .container .breadcrumbs {
  margin-top: 22px;
  font-size: 0.95em;
  font-weight: 600;
  margin-bottom: 10px;
}
.breadcrumbs-container .container .breadcrumbs li {
  display: inline;
  font: 15px/23px "BBVA-Book";
  vertical-align: middle;
}
.breadcrumbs-container .container .breadcrumbs li a {
  color: #001391;
}
.breadcrumbs-container .container .breadcrumbs li a:after {
  font-family: "bbva_icons";
  font-size: 20px;
  content: "\ea54";
  vertical-align: middle;
  display: inline-block;
  color: #666666;
}
.breadcrumbs-container .container .breadcrumbs li.current {
  color: #666666;
}
.breadcrumbs-container .container .breadcrumbs span span a {
  color: #001391;
}
.breadcrumbs-container .container .breadcrumbs span span a:after {
  font-family: "bbva_icons";
  font-size: 1.1em;
  content: "\ea54";
  vertical-align: middle;
  display: inline-block;
  color: #070E46 !important;
  margin-left: 10px;
  margin-right: 16px;
  font-weight: 100;
}
.breadcrumbs-container .container .breadcrumbs span.breadcrumb_last {
  margin-left: 0px;
  color: #070E46;
}
@media (max-width: 768px) {
  .breadcrumbs-container .container .breadcrumbs {
    display: none;
  }
}

/* ------ CABECERA INTERIORES ------- */
.header-subpage {
  position: relative;
  max-width: 1140px;
  width: calc(100% - 48px);
  margin: 0 auto 20px;
  /*  &.grey .container{
        padding: 0;
        background: $g100;
    } */
}
.header-subpage .container {
  max-width: 1140px;
  background: #FFF;
  padding: 60px 98px 40px;
  border-radius: 10px 10px 0 0;
  width: auto;
}
@media (max-width: 986px) {
  .header-subpage .container {
    padding: 60px;
  }
}
@media (max-width: 769px) {
  .header-subpage .container {
    padding: 20px;
  }
}
.header-subpage .title-subpage {
  line-height: 30px;
  font-family: "tiemposBold";
  color: #070E46;
  font-size: 1.6666666667em;
}
@media (min-width: 769px) {
  .header-subpage .title-subpage {
    line-height: 1em;
    font-size: 4em;
    letter-spacing: -0.4px;
    margin-bottom: 12px;
  }
}
.header-subpage p {
  margin-top: 8px;
}
@media (min-width: 769px) {
  .header-subpage.no-bread .title-subpage {
    margin-top: 52px;
  }
}
.header-subpage.subhome {
  padding-top: 33px;
  padding-bottom: 33px;
}
@media (min-width: 769px) {
  .header-subpage.subhome {
    padding-top: 73px;
    padding-bottom: 73px;
  }
}
@media (min-width: 769px) {
  .header-subpage.subhome .title-subpage {
    margin-top: 0;
  }
}

/* ------ PAGINADOR ------- */
@media (min-width: 769px) {
  .paginate {
    margin-top: 65px;
  }
}

/* ------ BOX ALERT ------- */
.alert-box {
  position: relative;
}
.alert-box:before {
  font: 25px "bbva_icons";
  color: #BDBDBD;
  font-size: 25px;
}
.alert-box.download:before {
  content: "\ea27";
}
.alert-box.pdf:before {
  content: "\ea72";
}
.alert-box.lock:before {
  content: "\ea2e";
}
.alert-box.exclamation:before {
  content: "\e9f7";
}
.alert-box.ok {
  background-color: #D9EFE0;
}
.alert-box.ok:before {
  content: "\e95c";
  color: #48AE64;
}
.alert-box .title22 {
  margin-bottom: 18px;
}
@media (min-width: 769px) {
  .alert-box {
    padding: 22px 25px 22px 75px;
  }
  .alert-box:before {
    position: absolute;
    left: 25px;
    top: 25px;
  }
  .alert-box.download .title22 {
    margin-bottom: 18px;
  }
}
.alert-box .button-inline {
  margin-top: 0;
}
.alert-box.success {
  background-color: #D9EFE0;
}
@media (max-width: 768px) {
  .alert-box.success {
    padding: 13px 20px 20px 20px;
  }
}
.alert-box.success .title22 {
  margin-bottom: 7px;
}
.alert-box.success p {
  color: #121212;
}
.alert-box.success:before {
  font-size: 30px;
  top: 21px;
  content: "\e95c";
  color: #48AE64;
}

/* ------ NAV ASIDE ------- */
.secondary-nav {
  text-align: left;
  font-family: "BBVA-Medium";
  line-height: 18px;
  font-size: 13px;
}
@media (min-width: 769px) {
  .secondary-nav {
    line-height: 23px;
    font-size: 1em;
  }
}
.secondary-nav li {
  list-style: none;
  margin-bottom: 12px;
}
.secondary-nav li:last-of-type {
  margin-bottom: 0;
}
.secondary-nav li a {
  padding: 0;
  color: #001391 !important;
  opacity: 1;
}
.secondary-nav li a:hover, .secondary-nav li a:active, .secondary-nav li a:focus {
  background-color: initial;
  color: #070E46 !important;
}
.secondary-nav li.current a, .secondary-nav li.active a {
  color: #070E46 !important;
}

/* --- ACORDEÓN --- */
[data-toggle=collapse]:not(.navbar-toggle) {
  font-size: 13px;
  line-height: 18px;
  font-family: "BBVA-Medium";
  color: #121212;
  text-align: left;
  cursor: pointer;
  padding: 19px 20px 19px 0;
  display: block;
  clear: both;
  position: relative;
  z-index: 10;
  background-color: #F4F4F4;
  margin-top: -1px;
}
@media (max-width: 1024px) {
  [data-toggle=collapse]:not(.navbar-toggle) {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
  }
  [data-toggle=collapse]:not(.navbar-toggle):first-child {
    border-top: 0;
  }
  [data-toggle=collapse]:not(.navbar-toggle):last-of-type {
    border-bottom: 0;
  }
}
[data-toggle=collapse]:not(.navbar-toggle).white {
  background-color: #FFFFFF;
}
[data-toggle=collapse]:not(.navbar-toggle):after {
  content: "\e968";
  font-family: "bbva_icons";
  font-size: 30px;
  color: #2a86ca;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
[data-toggle=collapse]:not(.navbar-toggle).collapsed:after {
  content: "\e9ae";
}
[data-toggle=collapse]:not(.navbar-toggle) > div:after, [data-toggle=collapse]:not(.navbar-toggle) > div:before {
  content: "";
  position: absolute;
  width: 75%;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 5px;
  border-radius: 100%;
  z-index: 2;
  -webkit-box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
  box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
}
[data-toggle=collapse]:not(.navbar-toggle) > div:after {
  bottom: -5px;
}
[data-toggle=collapse]:not(.navbar-toggle) > div:before {
  top: -5px;
}
[data-toggle=collapse]:not(.navbar-toggle) + .collapse, [data-toggle=collapse]:not(.navbar-toggle) + .collapsing, [data-toggle=collapse]:not(.navbar-toggle) + .collapse.in {
  position: relative;
  border-top: 1px solid #E9E9E9;
  margin-top: -1px;
}
[data-toggle=collapse]:not(.navbar-toggle) + .collapse:after, [data-toggle=collapse]:not(.navbar-toggle) + .collapse:before, [data-toggle=collapse]:not(.navbar-toggle) + .collapsing:after, [data-toggle=collapse]:not(.navbar-toggle) + .collapsing:before, [data-toggle=collapse]:not(.navbar-toggle) + .collapse.in:after, [data-toggle=collapse]:not(.navbar-toggle) + .collapse.in:before {
  content: "";
  position: absolute;
  width: 75%;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 5px;
  border-radius: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
  box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
}
[data-toggle=collapse]:not(.navbar-toggle) + .collapse:after, [data-toggle=collapse]:not(.navbar-toggle) + .collapsing:after, [data-toggle=collapse]:not(.navbar-toggle) + .collapse.in:after {
  bottom: -5px;
}
[data-toggle=collapse]:not(.navbar-toggle) + .collapse:before, [data-toggle=collapse]:not(.navbar-toggle) + .collapsing:before, [data-toggle=collapse]:not(.navbar-toggle) + .collapse.in:before {
  top: -5px;
}
[data-toggle=collapse]:not(.navbar-toggle) + .collapse:last-of-type, [data-toggle=collapse]:not(.navbar-toggle) + .collapsing:last-of-type, [data-toggle=collapse]:not(.navbar-toggle) + .collapse.in:last-of-type {
  margin-top: 0;
  border-bottom: 1px solid #E9E9E9;
  overflow-y: hidden;
}

/* --- BACK TO TOP BUTTON ---- */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  line-height: 40px;
  text-align: center;
  /* image replacement properties */
  overflow: hidden;
  white-space: nowrap;
  background-color: #d4edfc;
  font-family: "bbva_icons";
  color: #2a86ca;
  font-size: 34px;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible { /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.no-touch .cd-top:hover {
  background-color: #d4edfc;
  opacity: 1;
}
@media (max-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
    line-height: 40px;
  }
}
@media (min-width: 769px) {
  .cd-top {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 30px;
    bottom: 30px;
  }
}

/* fecha de modificación del contenido */
.date-update {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: right;
}

.white .container.narrow {
  background: #FFFFFF;
  padding: 40px 98px;
  border-radius: 15px;
}

.container.narrow {
  padding: 0;
  width: auto;
  max-width: 1140px;
}

.tab-content .container.narrow {
  padding: 20px 0px;
}

/*.pauto .container.narrow{
    padding:20px 98px;
}*/
.container {
  width: auto;
  padding: 0;
  max-width: 1140px;
}
@media (max-width: 1200px) {
  .container {
    max-width: calc(100% - 48px);
  }
}
.container > .container {
  max-width: 100%;
}

body > section > .container {
  max-width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
}

section.informes .shortcode-section {
  margin-bottom: 30px;
  padding: 20px 60px;
  border-radius: 15px;
  max-width: 1170px;
  background: #FFF;
  margin: 0 auto 30px;
  width: calc(100% - 50px);
}
@media (max-width: 769px) {
  section.informes .shortcode-section {
    padding: 20px;
    font-size: 0.8em;
    line-height: 1.1em;
  }
  section.informes .shortcode-section b {
    font-size: 1.1em;
    line-height: 1.2em;
  }
}
section.informes .shortcode-section h2, section.informes .shortcode-section h3 {
  font-family: "tiemposBold";
  color: #001391;
}
section.informes .shortcode-section table {
  width: 100% !important;
}

section.informes .bloque-html {
  margin-bottom: 30px;
  width: calc(100% - 50px);
  margin: 30px auto;
}
section.informes .bloque-html .container {
  padding: 20px 60px;
  border-radius: 15px;
  max-width: 1170px;
  background: #FFF;
}
@media (max-width: 769px) {
  section.informes .bloque-html .container {
    padding: 20px;
  }
}
section.informes .bloque-html .container h2 {
  font-size: 32px;
}
section.informes .bloque-html .container h2, section.informes .bloque-html .container h3 {
  font-family: "tiemposBold";
  color: #001391;
}
@media (max-width: 769px) {
  section.informes .bloque-html .container h2, section.informes .bloque-html .container h3 {
    font-size: 1.6em;
  }
}

@media (max-width: 769px) {
  section.informes .section-caja-azul-bullets .container {
    padding: 0 !important;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
header#header_pagina #cabecera_caja_blanca {
  background-color: #FFFFFF;
  margin: 24px auto;
  width: calc(100% - 48px);
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 2px 2px #D3D3D3);
  filter: drop-shadow(0px 2px 2px #D3D3D3);
}
header#header_pagina #cabecera_caja_blanca .nav-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header#header_pagina #cabecera_caja_blanca .container {
  padding: 14px 15px 15px;
  width: 100%;
  max-width: 1170px;
}
@media (max-width: 1200px) {
  header#header_pagina #cabecera_caja_blanca .container {
    padding-bottom: 6px;
  }
}
header#header_pagina .info-adicional .container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0 4px 4px !important;
}
header#header_pagina .logo-header img {
  height: 38px;
}
header#header_pagina .container.informes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 18px 60px 4px !important;
}
header#header_pagina .container.informes::before {
  display: none;
}
header#header_pagina .container.informes .nav-header {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
header#header_pagina .container.informes .logo-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  min-width: 250px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}
header#header_pagina .container.informes .logo-header .anio-informe {
  font-size: 24px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
header#header_pagina .container.informes .logo-header .anio-informe:hover {
  color: #000;
}
header#header_pagina .search-container.informes .searchbox-ico {
  top: 5px;
}
header#header_pagina .menu-d.informes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header#header_pagina .dinamic_tag.informes .lang-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header#header_pagina .dinamic_tag.informes .lang-select ul {
  margin-left: 10px;
}
header#header_pagina .dinamic_tag.informes .descargar-informes {
  margin-left: 20px;
  margin-right: 20px;
}
header#header_pagina .ico-search.white {
  color: #fff;
}
header#header_pagina .info-adicional {
  padding: 3px 20px 0 0;
  border-bottom: 1px solid #E9E9E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
header#header_pagina .info-adicional .dinamic_tag {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 75px;
}
@media (max-width: 769px) {
  header#header_pagina .info-adicional {
    padding: 3px 0;
  }
  header#header_pagina .info-adicional .container {
    padding: 0 10px 4px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  header#header_pagina .info-adicional .lang-select {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  header#header_pagina .info-adicional .dinamic_tag {
    text-align: center;
    border-top: 1px solid #E9E9E9;
    margin-right: 0;
    padding-top: 8px;
  }
}
header#header_pagina .info-adicional .lang-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header#header_pagina .info-adicional .lang-select ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
header#header_pagina .info-adicional .lang-select ul li {
  display: inline-block;
  margin: 0 3px;
}
header#header_pagina .info-adicional .lang-select ul li a {
  font-family: "BBVA-Bold";
  font-size: 12px;
  display: inline;
  color: #004481;
  text-transform: uppercase;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 0.6;
}
header#header_pagina .info-adicional .lang-select ul li.current a, header#header_pagina .info-adicional .lang-select ul li a:hover {
  opacity: 1;
}
header#header_pagina .nav-header .claim {
  font-family: "tiemposBold";
  color: #001391;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  header#header_pagina .nav-header .claim {
    line-height: 34px;
    line-height: 1.6em;
    font-size: 1.5em;
  }
}
header#header_pagina nav {
  margin-bottom: 0;
}
header#header_pagina nav ul.menu {
  width: 100%;
  display: inline-block;
  margin: 0;
  -webkit-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
@media (max-width: 1200px) {
  header#header_pagina nav ul.menu {
    margin-top: 14px;
  }
}
header#header_pagina nav ul.menu li {
  position: inherit;
}
@media (min-width: 769px) {
  header#header_pagina nav ul.menu li {
    max-width: 260px;
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 1200px) {
  header#header_pagina nav ul.menu li {
    margin-bottom: 8px;
  }
}
header#header_pagina nav ul.menu li.home-link {
  display: none;
}
header#header_pagina nav ul.menu li.active a {
  color: #000 !important;
}
header#header_pagina nav ul.menu li a {
  font-family: "BBVA-Medium";
  color: #001391;
  line-height: 20px;
  font-size: 0.94em;
  line-height: 1.6em;
  margin-right: 30px;
  text-align: left;
  display: block;
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
header#header_pagina nav ul.menu li a:hover, header#header_pagina nav ul.menu li a:focus, header#header_pagina nav ul.menu li a:active, header#header_pagina nav ul.menu li a.active {
  background-color: initial;
  color: #000;
}
header#header_pagina nav ul.menu li:first-child a {
  margin-left: 0;
}
header#header_pagina nav ul.menu li.active a {
  background-color: initial;
  opacity: 1;
}
header#header_pagina nav + .exp-search .searchbox.open {
  opacity: 0;
}
@media (min-width: 769px) {
  header#header_pagina .bar {
    /*position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 9px;*/
  }
  header#header_pagina .searchbox-ico.resp {
    display: none;
  }
  header#header_pagina .ticker {
    display: none;
  }
  header#header_pagina .menu-toggle {
    display: none;
  }
  header#header_pagina .search-container {
    margin-top: -44px;
    margin-bottom: 44px;
  }
  header#header_pagina #exp-search {
    position: relative;
    margin-top: 2px;
  }
  header#header_pagina #exp-search .searchbox {
    width: 0;
    border: 0;
    position: absolute;
    height: 50px;
    right: 0;
    z-index: 20;
    font-size: 16px;
    overflow: hidden;
    -webkit-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
  }
  header#header_pagina #exp-search .searchbox .searchbox-input {
    position: absolute;
    top: 0;
    border: 0;
    outline: 0;
    background: #FFF;
    width: 100%;
    height: 40px;
    margin: 0;
    font: 16px/16px "BBVA-Book";
    color: #070E46;
    padding-left: 30px;
    /*&:-webkit-autofill {
      background-color: $navy;
    }*/
  }
  header#header_pagina #exp-search .searchbox .searchbox-input::-webkit-input-placeholder {
    color: #666;
    opacity: 0.6;
  }
  header#header_pagina #exp-search .searchbox .searchbox-input:-moz-placeholder {
    color: #666;
    opacity: 0.6;
  }
  header#header_pagina #exp-search .searchbox .searchbox-input::-moz-placeholder {
    color: #666;
    opacity: 0.6;
  }
  header#header_pagina #exp-search .searchbox .searchbox-input:-ms-input-placeholder {
    color: #666;
    opacity: 0.6;
  }
  header#header_pagina #exp-search .searchbox .search-close {
    color: #5bbeff;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    right: 0;
    display: block;
    top: 0;
    padding: 15px 0;
  }
  header#header_pagina #exp-search .searchbox .search-close i {
    font-size: 24px;
  }
  header#header_pagina #exp-search .searchbox .search-close:hover {
    color: #2a86ca;
  }
  header#header_pagina #exp-search .searchbox .btn-search {
    display: block;
    position: absolute;
    top: 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    margin-right: 40px;
    right: 0;
  }
  header#header_pagina #exp-search .searchbox .btn-search .searchbox-submit {
    font: 12px "BBVA-BookItalic";
    color: #043263;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
  }
  header#header_pagina #exp-search .searchbox .btn-search .searchbox-submit:hover {
    opacity: 0.6;
  }
  header#header_pagina #exp-search .searchbox .btn-search.move-out {
    margin-right: -300px;
  }
  header#header_pagina #exp-search .searchbox .btn-search.move-in {
    margin-right: 30px;
  }
  header#header_pagina #exp-search .searchbox.open {
    width: 100%;
    padding-right: 25px;
    padding-left: 30px;
  }
  header#header_pagina #exp-search .searchbox-ico {
    color: #004481;
    font-size: 1.6em;
    position: absolute;
    right: 0;
    z-index: 20;
    -webkit-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    margin-right: 0;
  }
  header#header_pagina #exp-search .searchbox.open + .searchbox-ico {
    margin-right: 97.5%;
    pointer-events: none;
  }
}

@media (min-width: 769px) {
  .sidebar {
    display: none;
  }
  .dropdown-toggle {
    display: none;
  }
  .drop-menu {
    display: none;
  }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
    height: auto;
  }
}
.submenu {
  background-color: #001391;
}
@media (max-width: 768px) {
  .submenu {
    display: none;
  }
}
.submenu a {
  font-family: "BBVA-Book";
  color: #FFFFFF;
  font-size: 16px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  text-transform: none;
  color: #49A5E6;
}
.submenu a:hover, .submenu a:focus, .submenu a:active {
  background-color: initial;
  color: #FFF;
}
.submenu li.active a {
  color: #FFF;
}
.submenu.complex, .submenu.simple {
  padding: 6px 0 3px;
  max-width: calc(100% - 48px);
  margin: -10px auto 12px;
  border-radius: 15px;
}
.submenu.complex .container, .submenu.simple .container {
  max-width: 1170px;
  padding: 2px 10px;
}
.submenu.complex ul, .submenu.simple ul {
  padding: 7px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.submenu.complex ul li, .submenu.simple ul li {
  position: inherit;
  display: inline-block;
  line-height: 15px;
  margin-right: 25px;
  margin-bottom: 10px;
}
.submenu.complex ul li:first-child a, .submenu.simple ul li:first-child a {
  padding-left: 0;
}
.submenu.complex ul li:last-child a, .submenu.simple ul li:last-child a {
  padding-right: 0;
}
.submenu.complex ul li.active a, .submenu.simple ul li.active a {
  color: #FFF;
}
.submenu.complex ul li a, .submenu.simple ul li a {
  color: #85c8ff;
  padding-right: 15px;
  font-size: 0.88em;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  font-weight: 600;
  letter-spacing: 0.7px;
}
.submenu.complex ul li a:hover, .submenu.complex ul li a:focus, .submenu.complex ul li a:active, .submenu.simple ul li a:hover, .submenu.simple ul li a:focus, .submenu.simple ul li a:active {
  color: #FFF;
}
.submenu.complex .container {
  padding-left: 0;
  padding-right: 0;
}
.submenu.complex ul li {
  margin-right: 0;
}
.submenu.complex ul li a {
  display: block;
  padding: 8px 0;
}
.submenu.complex ul li a.active {
  color: #FFF;
}

/* ==== MOVIL ===*/
@media (max-width: 768px) {
  .site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .sidebarLeft {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 100;
  }
  .site-wrapper {
    width: 100%;
    overflow-x: hidden;
  }
  .site-wrapper.show-menu .site-canvas {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  .info-adicional, .search-container, .bar {
    display: none;
  }
  /*.ticker {
    height: 25px;
   background-color: $navy;
    text-align: center;
  }*/
  .searchbox-ico.resp {
    display: block;
  }
  header .nav-header {
    padding-top: 7px;
    padding-bottom: 7px;
    display: table;
    width: 100%;
  }
  header .nav-header .logo-header {
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 100%;
    display: table-cell;
    padding-right: 30px;
  }
  header .nav-header .logo-header img {
    width: 110px;
  }
  header .nav-header .menu-toggle {
    display: inline-block;
    font-size: 40px;
    color: #001391;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -2px;
    cursor: pointer;
  }
  header .nav-header .claim {
    display: inline-block;
    text-align: center;
  }
  /* ---- CONTENEDOR OFF CANVAS ---- */
  /* ---- MODAL BUSCADOR ---- */
  /* ---- MODAL Menú ---- */
}
@media (max-width: 768px) and (max-width: 768px) {
  header .nav-header .claim {
    display: none;
  }
}
@media (max-width: 768px) {
  header .nav-header .searchbox-ico.resp {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 2px;
    float: right;
  }
  .sidebar {
    background-color: #070E46;
    padding: 18px 15px;
  }
  .sidebar .m-header {
    display: table;
    width: 100%;
  }
  .sidebar .m-header .brand-m {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
  }
  .sidebar .m-header .brand-m .logo-header {
    display: block;
    text-align: center;
  }
  .sidebar .m-header .brand-m .logo-header img {
    width: 100px;
  }
  .sidebar .m-header .brand-m .claim {
    font-family: "BBVA-Book";
    color: #FFFFFF;
    display: block;
    margin-top: 6px;
    text-align: center;
    font-size: 0.9333333333em;
  }
  .sidebar .m-header .close {
    float: left;
    font-size: 16px;
    font-weight: initial;
    color: #FFFFFF;
    text-shadow: none;
    display: inline-block;
    opacity: 1;
  }
  .sidebar .m-header .close:focus {
    outline: none;
  }
  .canvas-search {
    /* ---- RESULTADOS DE LA BÚSQUEDA ---- */
  }
  .canvas-search .search-mobile {
    position: relative;
    margin-top: 15px;
  }
  .canvas-search .search-mobile input[type=text] {
    background-color: transparent;
    padding: 20px 30px 10px 20px;
    color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    width: 100%;
    font-size: 13px;
  }
  .canvas-search .search-mobile input[type=text]:focus {
    outline: none;
  }
  .canvas-search .search-mobile .input-search-m {
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 100;
    cursor: pointer;
    display: block;
  }
  .canvas-search .search-mobile .search-back {
    cursor: pointer;
    position: absolute;
    display: block;
    left: -8px;
    bottom: 2px;
  }
  .canvas-search .search-mobile .search-back:before {
    content: "\e91c";
    font-family: "bbva_icons";
    color: #49a5e6;
    font-size: 24px;
  }
  .canvas-search .s-results li {
    padding: 7px 20px;
    border-bottom: 1px solid rgba(233, 233, 233, 0.2);
  }
  .canvas-search .s-results li a {
    font-family: "BBVA-Book";
    font-size: 13px;
    color: #FFFFFF;
    line-height: 18px;
  }
  .canvas-menu .menu-modal {
    margin-top: 24px;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
  }
  .canvas-menu .menu-modal.offcanvas {
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
  }
  .canvas-menu .menu-modal .m-body {
    position: relative;
  }
  .canvas-menu .menu-modal .dropdown-toggle {
    display: inline-block;
    position: absolute;
    right: 0;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    top: 0;
    padding: 0 10px;
    bottom: 0;
    vertical-align: middle;
    z-index: 100;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
  }
  .canvas-menu .menu-modal .dropdown-toggle.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .canvas-menu .menu-modal .dropdown-toggle.active:before {
    color: #49a5e6;
  }
  .canvas-menu .menu-modal .dropdown-toggle:before {
    content: "\eb1c";
    font-family: "bbva_icons";
    color: #FFFFFF;
    font-size: 23px;
  }
  .canvas-menu .menu-modal .dropdown.up, .canvas-menu .menu-modal .dropdown.active {
    display: block;
    width: 100%;
  }
  .canvas-menu .menu-modal .dropdown.up > a, .canvas-menu .menu-modal .dropdown.active > a {
    color: #49a5e6;
  }
  .canvas-menu .menu-modal ul {
    position: relative;
  }
  .canvas-menu .menu-modal ul li {
    border-bottom: 1px solid rgba(233, 233, 233, 0.2);
    -webkit-transition: opacity ease-in 0.2s;
    transition: opacity ease-in 0.2s;
  }
  .canvas-menu .menu-modal ul li.home-link {
    display: block;
  }
  .canvas-menu .menu-modal ul li a {
    font-family: "BBVA-Light";
    font-size: 1em;
    color: #FFFFFF;
    letter-spacing: -0.23px;
    line-height: 1.3em;
    padding: 10px 24px 10px 20px;
    display: block;
  }
  .canvas-menu .menu-modal ul li a:hover, .canvas-menu .menu-modal ul li a:focus {
    background-color: transparent;
    color: #5bbeff;
  }
  .canvas-menu .menu-modal ul li.dropdown {
    position: relative;
  }
  .canvas-menu .menu-modal ul li.inactive {
    opacity: 0.15;
    pointer-events: none;
    cursor: default;
  }
  .canvas-menu .menu-modal .drop-menu {
    background-color: #072146;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    display: none;
  }
  .canvas-menu .menu-modal .drop-menu.open {
    display: block;
    opacity: 1;
  }
  .canvas-menu .menu-modal .drop-menu.open > a {
    color: #5bbeff;
  }
  .search-m {
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    padding: 12px 20px;
    border-bottom: 1px solid #E9E9E9;
  }
  .search-m a {
    font-size: 17px;
    color: #FFFFFF;
  }
  .search-m a i {
    margin-right: 3px;
    font-size: 14px;
  }
  .lang-m {
    margin: 12px 20px;
    display: block;
    -webkit-transition: all ease 0.02s;
    transition: all ease 0.02s;
  }
  .lang-m li {
    display: inline-block;
    margin-right: 15px;
    color: #BDBDBD;
  }
  .lang-m li a {
    font-family: BBVA-Bold;
    font-size: 12px;
    display: inline;
    color: #FFFFFF;
    text-transform: uppercase;
    -webkit-transition: all linear 0.02s;
    transition: all linear 0.02s;
    opacity: 0.6;
  }
  .lang-m li.current a, .lang-m li a:hover {
    opacity: 1;
  }
  .offcanvas ~ .search-m {
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
  }
  .offcanvas ~ .lang-m {
    display: none;
  }
}
header.informes-custom {
  position: sticky;
  width: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
}
header.informes-custom #cabecera_caja_blanca {
  padding-top: 0;
}
header.informes-custom .navbar-submenu {
  background-color: #001391;
  padding: 4px;
  max-width: calc(100% - 48px);
  margin: 20px auto 0;
  border-radius: 10px;
}
header.informes-custom .navbar-submenu .container {
  padding: 0 !important;
}
@media (max-width: 769px) {
  header.informes-custom .navbar-submenu {
    display: none;
  }
}
header.informes-custom .navbar-submenu .submenu-opciones-informes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header.informes-custom .navbar-submenu .submenu-opciones-informes li {
  display: block;
  margin: auto;
}
header.informes-custom .navbar-submenu .submenu-opciones-informes li a {
  font-size: 0.875rem;
  color: #FFF;
  opacity: 1;
}
header.informes-custom .navbar-submenu .submenu-opciones-informes li a:hover, header.informes-custom .navbar-submenu .submenu-opciones-informes li a:focus {
  color: #85c8ff;
}
header.informes-custom .navbar-submenu .submenu-opciones-informes li.opcion-submenu-checked a {
  font-size: 0.875rem;
  color: #ffffff;
  opacity: 1;
}
header.informes-custom .container.informes-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 16px 60px 0px !important;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  /* li {
     max-width: 350px;
   }*/
}
header.informes-custom .container.informes-custom::after, header.informes-custom .container.informes-custom::before {
  display: none;
}
@media (max-width: 769px) {
  header.informes-custom .container.informes-custom {
    display: none;
  }
}
header.informes-custom .container.informes-custom .menu-opciones-informes li a {
  color: #9ca6b5;
  opacity: 1;
  font-size: 0.8em !important;
  margin-right: 18px !important;
}
header.informes-custom .container.informes-custom .menu-opciones-informes li a:hover, header.informes-custom .container.informes-custom .menu-opciones-informes li a:focus {
  color: #1973B8;
}
header.informes-custom .container.informes-custom .menu-opciones-informes li.opcion-checked a {
  color: #1973B8;
  opacity: 1;
}
header.informes-custom .container.informes-custom .menu-opciones-informes li:last-child a {
  margin-right: 0 !important;
}
header.informes-custom .container.informes-custom .bar {
  margin-left: auto;
}
header.informes-custom .container.informes-custom .nav-header {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
header.informes-custom .container.informes-custom .logo-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  min-width: 250px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 6px;
}
header.informes-custom .container.informes-custom .logo-header .anio-informe {
  white-space: normal;
  color: #49A5E6;
}
@media (min-width: 992px) {
  header.informes-custom .container.informes-custom .logo-header .anio-informe {
    white-space: nowrap;
  }
}
header.informes-custom .container.informes-custom .logo-header .anio-informe:hover {
  color: #000;
}
header.informes-custom .container.informes-mobile {
  display: none;
}
@media (max-width: 769px) {
  header.informes-custom .container.informes-mobile {
    display: block;
    padding: 0px;
    background-color: #FFF;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    display: block;
    position: fixed;
    padding-bottom: 22px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  header.informes-custom .container.informes-mobile > .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*  img{
          filter: brightness(0) invert(1);
      }*/
  }
  header.informes-custom .container.informes-mobile > .d-flex .navbar-search-container {
    width: 100%;
  }
}
header.informes-custom .container.informes-mobile .header-brand-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: auto;
  margin: 0;
  min-width: 371px;
  width: 100%;
}
header.informes-custom .container.informes-mobile .header-brand-container .burguer-button {
  width: 26px;
  height: 24px;
  background-color: transparent;
  position: relative;
}
header.informes-custom .container.informes-mobile .header-brand-container .burguer-button:hover, header.informes-custom .container.informes-mobile .header-brand-container .burguer-button:focus, header.informes-custom .container.informes-mobile .header-brand-container .burguer-button:active {
  outline: none;
  text-decoration: none;
}
header.informes-custom .container.informes-mobile .logo-header img {
  width: 30%;
}
header.informes-custom .container.informes-mobile .menu-mobile {
  display: none;
}
header.informes-custom .container.informes-mobile .menu-mobile hr {
  border-top-color: #1973B8;
  margin: 0;
  width: 90%;
}
header.informes-custom .container.informes-mobile .menu-mobile .list-menu {
  margin-top: 60px;
}
header.informes-custom .container.informes-mobile .menu-mobile .list-menu li {
  margin-left: 35px;
  margin-bottom: 10px;
}
header.informes-custom .container.informes-mobile .menu-mobile .list-menu li a {
  color: #1973B8;
  font-size: 16px;
}
header.informes-custom .container.informes-mobile .menu-mobile .list-menu li a.checked {
  color: #070E46;
  font-weight: bold;
}
header.informes-custom .container.informes-mobile .menu-mobile .list-menu .list-submenu {
  margin-left: 20px;
}
header.informes-custom .container.informes-mobile .icon-hamburguer::before {
  content: "";
  position: absolute;
  left: 8px;
  width: 35px;
  top: 4px;
  height: 30px;
  background: url(../assets/iconburger_blue.png);
  background-size: cover;
}
header.informes-custom .container.informes-mobile .info-adicional-mobile {
  display: block;
  position: fixed;
  bottom: 50px;
}
@media (max-width: 769px) {
  header.informes-custom .container.informes-mobile .info-adicional-mobile {
    position: initial;
  }
}
header.informes-custom .container.informes-mobile .info-adicional-mobile .informes {
  color: rgba(255, 255, 255, 0.6);
}
header.informes-custom .container.informes-mobile a.informes {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
header.informes-custom .container.informes-mobile a.informes img {
  height: 38px;
  margin-bottom: 8px;
}
header.informes-custom .container.informes-mobile a.informes .anio-informe {
  font-size: 16px;
  color: #49A5E6;
}
header.informes-custom .container.informes-mobile .lenguage-mobile {
  display: inline-block;
}
header.informes-custom .container.informes-mobile .lenguage-mobile ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
}
header.informes-custom .container.informes-mobile .lenguage-mobile ul li {
  margin-right: 5px;
}
@media (max-width: 769px) {
  header.informes-custom .container.informes-mobile .lenguage-mobile ul li {
    width: auto;
  }
}
header.informes-custom .container.informes-mobile .lenguage-mobile ul li a {
  opacity: 0.6;
}
header.informes-custom .container.informes-mobile .lenguage-mobile ul li.current a {
  opacity: 1;
  font-weight: bold;
}
header.informes-custom .info-adicional-custom {
  padding: 20px 0;
}
header.informes-custom .info-adicional-custom .lang-select li {
  display: inline-block;
  margin: 0 5px;
}
header.informes-custom .info-adicional-custom .lang-select li a {
  font-family: BBVA-Bold;
  font-size: 12px;
  display: inline;
  color: #FFFFFF;
  text-transform: uppercase;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  opacity: 0.6;
}
header.informes-custom .info-adicional-custom .lang-select li.current a, header.informes-custom .info-adicional-custom .lang-select li a:hover {
  opacity: 1;
}
header.informes-custom .info-adicional-custom.informes {
  max-width: 1170px;
  margin: 0 auto;
}
header.informes-custom nav {
  margin-bottom: 0;
}
header.informes-custom nav ul.menu-desplegable {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 17px 0 23px;
  height: 30px;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown {
  margin-right: 20px;
  width: 120px;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown .opcion-checked {
  color: #ffffff;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown button {
  cursor: pointer;
  line-height: 20px;
  font-family: "BBVA-Medium";
  color: #9ca6b5;
  text-transform: uppercase;
  font-size: 13px;
  margin-right: 30px;
  text-align: left;
  display: block;
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  opacity: 1;
  width: 120px;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown button::after {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-left: 10px;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown .dropdown-expanded {
  position: relative;
  left: -15px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 15rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  color: #212529;
  text-align: center;
  list-style: none;
  background-color: #072146;
  background-clip: padding-box;
  border-radius: 0px 0px 3px 3px;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown .dropdown-expanded.selected {
  display: block;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown .dropdown-expanded .navbar-dropdown-secondary {
  padding-bottom: 10px;
  margin-left: 10px;
  width: auto;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown .dropdown-expanded .navbar-dropdown-secondary .opcion-submenu-dropdown {
  display: block;
  margin-top: 10px;
}
header.informes-custom nav ul.menu-desplegable .div-dropdown .dropdown-expanded .navbar-dropdown-secondary .opcion-submenu-dropdown a.checked {
  color: #ffffff;
}
header.informes-custom nav ul.menu li a {
  opacity: 1;
  color: #9ca6b5;
}
header.informes-custom nav ul.menu li a:hover, header.informes-custom nav ul.menu li a:focus, header.informes-custom nav ul.menu li a:active {
  color: #1973B8;
  opacity: 1;
}
header.informes-custom nav ul.menu li a.active {
  color: #ffffff;
}
header.informes-custom nav ul.menu li.option-checked a {
  color: #ffffff;
}
header.informes-custom .search-container {
  margin-top: -66px;
  margin-bottom: 66px;
}
header.informes-custom .search-container.informes {
  margin: 0;
}
@media (max-width: 768px) {
  header.informes-custom .search-container {
    display: block;
  }
}
@media (max-width: 768px) {
  header.informes-custom #exp-search .searchbox.mobile {
    position: fixed;
    height: auto;
  }
  header.informes-custom #exp-search .searchbox.mobile .searchbox-input {
    position: fixed;
    top: 64px;
    left: 0;
    background-color: #070E46;
    font-size: 0.9em;
  }
  header.informes-custom #exp-search .searchbox.mobile .search-close {
    position: fixed;
    right: 50px;
    top: 10px;
    display: none;
  }
}
@media (max-width: 768px) {
  header.informes-custom #exp-search .searchbox-ico.mobile {
    /*right: 30px;
    top: 10px;
    position: fixed;*/
    display: none;
  }
}
header.informes-custom #exp-search-mobile {
  position: relative;
}
header.informes-custom #exp-search-mobile #informes-result-mobile {
  background-color: #fff;
}
header.informes-custom #exp-search-mobile #informes-result-mobile .informe-search-result:first-child {
  margin-top: 64px;
}
header.informes-custom #exp-search-mobile #informes-result-mobile p {
  padding: 5px 10px;
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 10px;
}
header.informes-custom #exp-search-mobile .searchbox {
  width: 0;
  border: 0;
  position: absolute;
  height: 50px;
  right: 0;
  z-index: 20;
  background: #072146;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
@media (max-width: 768px) {
  header.informes-custom #exp-search-mobile .searchbox.mobile {
    position: fixed;
    height: auto;
  }
  header.informes-custom #exp-search-mobile .searchbox.mobile .searchbox-input {
    position: fixed;
    top: 64px;
    background: #FFF !important;
    left: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  header.informes-custom #exp-search-mobile .searchbox.mobile .search-close {
    /*position: fixed;
    right: 50px;
    top: 10px;*/
    display: none;
  }
}
header.informes-custom #exp-search-mobile .searchbox .searchbox-input {
  position: absolute;
  top: 0;
  border: 0;
  outline: 0;
  background: #070E46;
  width: 100%;
  height: 50px;
  margin: 0;
  font-size: 0.9em;
  line-height: 1em;
  color: #070E46;
  padding-left: 25px;
}
header.informes-custom #exp-search-mobile .searchbox .searchbox-input:-webkit-autofill {
  background-color: #070E46;
}
header.informes-custom #exp-search-mobile .searchbox .searchbox-input::-webkit-input-placeholder {
  color: #070E46;
  opacity: 0.6;
}
header.informes-custom #exp-search-mobile .searchbox .searchbox-input:-moz-placeholder {
  color: #070E46;
  opacity: 0.6;
}
header.informes-custom #exp-search-mobile .searchbox .searchbox-input::-moz-placeholder {
  color: #070E46;
  opacity: 0.6;
}
header.informes-custom #exp-search-mobile .searchbox .searchbox-input:-ms-input-placeholder {
  color: #070E46;
  opacity: 0.6;
}
header.informes-custom #exp-search-mobile .searchbox .search-close {
  color: #5bbeff;
  vertical-align: middle;
  position: absolute;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  right: 0;
  display: block;
  top: 0;
  padding: 15px 0;
}
header.informes-custom #exp-search-mobile .searchbox .search-close i {
  font-size: 24px;
}
header.informes-custom #exp-search-mobile .searchbox .search-close:hover {
  color: #2a86ca;
}
header.informes-custom #exp-search-mobile .searchbox .btn-search {
  display: block;
  position: absolute;
  top: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-right: 40px;
  right: 0;
}
header.informes-custom #exp-search-mobile .searchbox .btn-search .searchbox-submit {
  font: 12px "BBVA-BookItalic";
  color: #FFFFFF;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 50px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}
header.informes-custom #exp-search-mobile .searchbox .btn-search .searchbox-submit:hover {
  opacity: 0.6;
}
header.informes-custom #exp-search-mobile .searchbox .btn-search.move-out {
  margin-right: -300px;
}
header.informes-custom #exp-search-mobile .searchbox .btn-search.move-in {
  margin-right: 30px;
}
header.informes-custom #exp-search-mobile .searchbox.open {
  width: 100%;
}
header.informes-custom #exp-search-mobile .searchbox-ico {
  color: #5bbeff;
  font-size: 20px;
  position: absolute;
  right: 0;
  z-index: 20;
  line-height: 50px;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  margin-right: 0;
  display: none !important;
  left: -1000px;
}
@media (max-width: 768px) {
  header.informes-custom #exp-search-mobile .searchbox-ico.mobile {
    right: 30px;
    top: 10px;
    position: fixed;
  }
}
header.informes-custom #exp-search-mobile .searchbox.open + .searchbox-ico {
  margin-right: 98.5%;
  pointer-events: none;
}
header.informes-custom .submenu.simple ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header.informes-custom .submenu.simple ul li {
  line-height: 15px;
  -ms-flex-item-align: center;
  align-self: center;
}

.canvas-menu .menu-modal ul li {
  position: relative;
}

.menu-modal .sub-menu {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease; /* ajusta la duración a tu gusto */
}

.menu-modal li.menu-item-has-children.open > .sub-menu {
  max-height: 1000px; /* valor alto suficiente para contener tu menú */
}

.menu-modal .sub-menu li > a {
  padding-left: 34px !important; /* ajusta la sangría */
}

.menu-modal li.menu-item-has-children.open > a {
  border-bottom: 1px solid #fff;
}

.menu-modal .sub-menu {
  opacity: 0;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.menu-modal li.menu-item-has-children.open > .sub-menu {
  opacity: 1;
}

.menu-modal .dropdown-switcher {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  cursor: pointer;
  vertical-align: middle;
  z-index: 100;
  -webkit-transition: 0.2s ease all;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.menu-modal li.menu-item-has-children.open > .dropdown-switcher {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown-switcher::before {
  content: "\e995";
  font-family: "bbva_icons";
  font-size: 23px;
  color: #fff;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* WEBPAGE MODULES */
/* Preformateo background secciones */
section.grey + section.grey {
  padding-top: 0;
}

/* Módulo Inmformación de interés*/
section.interest {
  padding: 73px 0;
  text-align: center;
  max-width: 1140px;
  margin: 0 auto;
}
section.interest .title36 {
  margin-bottom: 37px !important;
  font-family: "tiemposBold";
  color: #070E46;
}
section.interest .title26 {
  font-family: "tiemposBold";
  color: #070E46;
  font-size: 1.8em;
  margin-top: 10px;
  line-height: 1.2em;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media (min-width: 980px) {
  section.interest .title26 {
    font-size: 2em;
  }
}
section.interest .title26:hover {
  color: #001391;
}
section.interest .card {
  padding: 20px 20px 40px;
  border-radius: 15px;
}
@media (min-width: 769px) {
  section.interest .card {
    width: 33.33333%;
  }
}
@media (min-width: 980px) {
  section.interest .card {
    padding: 60px 50px 40px;
  }
}
section.interest .card .microilust {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  section.interest .card .microilust {
    margin-bottom: 30px;
  }
}
section.interest .card .microilust img {
  width: 40%;
  max-width: 100%;
}
@media (min-width: 769px) {
  section.interest .card .microilust img {
    width: auto;
  }
}
section.interest .card .graphic img {
  max-width: 170px;
}
section.interest .card .title26 + .bodycopy {
  margin-top: 7px;
  /*display: inline-block;*/
}
@media (max-width: 768px) {
  section.interest .card .title26 + .bodycopy {
    margin-top: 4px;
  }
}
@media (max-width: 768px) {
  section.interest .card {
    margin-bottom: 30px;
  }
  section.interest .card:last-of-type {
    margin-bottom: 0;
  }
}
section.interest .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 769px) {
  section.interest .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

/* =============== */
/* SECTION CARDS   */
/* =============== */
section.contact-card {
  padding-top: 10px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  section.contact-card {
    padding-bottom: 60px;
    padding-top: 55px;
  }
}
section.contact-card .title34 {
  margin-bottom: 16px;
}
section.contact-card .title-section-h {
  font: 34px/42px "BBVA-Medium";
  letter-spacing: -0.5px;
  color: #121212;
  margin-bottom: 15px;
}
section.contact-card .bodycopy {
  font: 22px/29px "BBVA-Book";
  color: #121212;
  margin-bottom: 35px;
}
section.contact-card .card-c {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  margin-top: 33px;
  padding: 30px;
  border-radius: 15px;
}
section.contact-card .card-c .card-image, section.contact-card .card-c .card-content {
  display: block;
  text-align: center;
}
@media (min-width: 769px) {
  section.contact-card .card-c .card-image, section.contact-card .card-c .card-content {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: 340px;
  }
}
@media (max-width: 768px) {
  section.contact-card .card-c .title-m22 {
    margin-bottom: 5px;
    margin-top: 17px;
  }
}
section.contact-card .card-c .puesto-hor {
  color: #121212;
}
@media (max-width: 768px) {
  section.contact-card .card-c .email {
    margin-top: 15px;
  }
  section.contact-card .card-c .email a.link {
    font-size: 13px !important;
  }
}
section.contact-card .card-c .card-image img {
  width: 90px;
  margin: 0 auto;
  border-radius: 50%;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media (min-width: 769px) {
  section.contact-card .card-c .card-image img {
    width: 120px;
  }
}
@media (min-width: 769px) {
  section.contact-card .card-c .card-image {
    margin-right: 30px;
  }
}

section.infograph {
  max-width: 1190px;
  margin: 0 auto;
  margin-bottom: 64px;
}
section.infograph > .container {
  border-radius: 15px;
  overflow: hidden;
}

.media-mobile {
  margin-top: -23px;
  display: block;
  padding-bottom: 60px;
}
.media-mobile .cta-secundary {
  margin-top: 18px;
}
@media (min-width: 769px) {
  .media-mobile {
    display: none;
  }
}

.media-desktop {
  display: none;
}
.media-desktop > .container {
  max-width: 1140px;
  padding: 16px;
  padding: 0 98px;
  background: #FFF;
  border-radius: 0 0 10px 10px;
}
.media-desktop .col-md-12 {
  padding: 0 15px;
}
@media (min-width: 769px) {
  .media-desktop {
    display: block;
  }
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  border: 0;
}

.nav-tabs {
  /*margin-top: -20px;*/
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 1px solid #D3D3D3;
  margin-top: 22px;
}
.nav-tabs > li {
  margin-right: 24px;
}
.nav-tabs > li > a {
  font-family: "BBVA-Medium";
  letter-spacing: -0.1px;
  margin-right: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  padding: 0 0 8px 0;
  color: #001391;
  font-size: 0.7em;
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  /*@media (min-width: 768px) and (max-width: 1200px){
    //font: 18px/21px "BBVA-Book";
    padding:0 0 12px 0;
    font-size: .9em;
  }*/
}
.nav-tabs > li > a:hover {
  color: #121212;
  border: 0;
  background-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: 0;
  border-bottom: 2px solid #070E46;
  background-color: transparent;
  color: #070E46;
}

.tab-pane {
  padding-bottom: 20px;
}
@media (min-width: 769px) {
  .tab-pane {
    padding-bottom: 30px;
  }
}
.tab-pane .row {
  margin-bottom: -15px;
  /*font-size:1.54em !important;
  line-height: 1.15em;
  margin-bottom: .4em !important;*/
  /*  font-size:1.3em !important;
     line-height: 1.2em;
     margin-bottom: .8em !important;
     font-family: "BBVA-Book";
     line-height: 23px;
     margin:0 auto;
     letter-spacing: .1px;
     padding: 34px 0;
     color: $BBVA_navy;
     text-align: left;
     @include font-size(15px);

     @media (min-width: 769px) {
         padding: 40px 98px 10px;
         line-height: 30px;
         @include font-size(22px);
     }
  }*/
}
.tab-pane .paginate {
  margin-top: 40px;
}

section.herramientas-del-inversor .card {
  background-color: #FFFFFF;
  text-align: center;
  position: relative;
  padding: 25px 25px 25px 23px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
section.herramientas-del-inversor .card .image {
  max-height: 150px;
  margin-bottom: 11px;
}
section.herramientas-del-inversor .card .image img {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  max-width: 110px;
  height: auto;
}
@media (min-width: 769px) {
  section.herramientas-del-inversor .card {
    padding: 30px 60px 25px 60px;
    margin-top: 0;
    margin-bottom: 0;
  }
  section.herramientas-del-inversor .card .image img {
    max-width: 170px;
    height: auto;
  }
  section.herramientas-del-inversor .card .image .shadow {
    width: 160px;
    height: 10px;
    margin: 0 auto 40px;
    display: block;
    background-color: transparent;
    position: relative;
    -webkit-box-shadow: 0 20px 17px -2px rgba(0, 0, 0, 0.1), 0 0px 0px transparent, 0 0 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 20px 17px -2px rgba(0, 0, 0, 0.1), 0 0px 0px transparent, 0 0 0 rgba(0, 0, 0, 0.1) inset;
  }
}
section.herramientas-del-inversor .card .title26 {
  margin-bottom: 10px;
}
section.herramientas-del-inversor .card .bodycopy {
  margin-bottom: 12px;
  color: #666666;
}
@media (min-width: 769px) {
  section.herramientas-del-inversor .card .bodycopy {
    margin-bottom: 20px;
  }
}
section.herramientas-del-inversor .card:hover .image img {
  -webkit-transform: translatey(-20px);
  -ms-transform: translatey(-20px);
  transform: translatey(-20px);
}
@media (min-width: 769px) {
  section.herramientas-del-inversor .row + .row {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}

section.herramientas-home {
  padding-top: 60px;
  padding-bottom: 70px;
  margin-top: 0px !important;
}
@media (min-width: 769px) {
  section.herramientas-home {
    margin-top: 0px !important;
    padding-bottom: 8px;
  }
}

/* ----------------- NAV Lateral --------------- */
/* ------- compartido en Faq y Emisoras  ------ */
@media (min-width: 769px) {
  aside.col-md-4 {
    padding-right: 0;
    margin-right: -15px;
  }
  aside .secondary-nav {
    width: 75%;
  }
  aside .secondary-nav li {
    margin-bottom: 16px;
  }
}

.content-aside {
  padding-left: 30px;
  margin-bottom: 80px;
  border-left: 1px solid #D3D3D3;
}
.content-aside .title34 {
  margin-top: -6px;
  margin-bottom: 48px;
}
.content-aside .box-faq {
  margin-bottom: 28px;
}
.content-aside .box-faq .title22 {
  margin-bottom: 7px;
}
.content-aside .box-faq p {
  margin-bottom: 12px;
}
.content-aside .box-faq p:last-child {
  margin-bottom: 0;
}
.content-aside .box-faq:last-child {
  margin-bottom: 0;
}

/* ----------------- GLOSARIO --------------- */
@media (min-width: 769px) {
  .glosary {
    padding-top: 35px;
  }
}
.header-glosary {
  display: none;
}
@media (min-width: 769px) {
  .header-glosary {
    display: block;
  }
}
.header-glosary .glosary-list {
  margin-top: 17px;
}
.header-glosary .glosary-list li {
  display: inline;
  margin-right: 22px;
}
.header-glosary .glosary-list li a {
  font: 22px/29px "BBVA-Book";
  color: #666666;
  opacity: 0.6;
}
.header-glosary .glosary-list li:hover a, .header-glosary .glosary-list li.active a {
  color: #121212;
  opacity: 1;
}

.combo-filter.glosary {
  margin-top: 0;
  margin-bottom: 37px !important;
}

@media (max-width: 768px) {
  section.glosary {
    margin-top: -13px;
  }
}
section.glosary .static .abstract {
  margin-bottom: 14px !important;
  line-height: 23px;
  font-family: "BBVA-Medium";
  color: #121212;
  font-size: 1.1333333333em;
}
@media (min-width: 769px) {
  section.glosary .static .abstract {
    line-height: 29px;
    font-family: "BBVA-Book";
    margin-bottom: 8px !important;
    font-size: 1.4666666667em;
  }
}

/* ----------------- FAQ --------------- */
/* ------------ Mobile First------------- */
section.faq.desktop {
  display: none;
}
section.faq.mobile {
  display: block;
  padding-bottom: 37px;
}
section.faq.mobile .title22 {
  font-family: "BBVA-Medium";
  color: #121212;
  line-height: 23px;
  margin-bottom: 13px;
  font-size: 1.1333333333em;
}
section.faq.mobile .box-faq {
  padding-top: 33px;
}
section.faq.mobile .box-faq:last-of-type {
  padding-bottom: 33px;
}
section.faq.mobile .box-faq p {
  padding-bottom: 7px;
}
section.faq.mobile .title:first-child {
  border-top: 0;
}
section.faq.mobile .title:last-child {
  border-bottom: 0;
}
@media (min-width: 769px) {
  section.faq.desktop {
    display: block;
  }
  section.faq.desktop .tab-pane {
    padding-top: 0;
    padding-bottom: 0;
  }
  section.faq.mobile {
    display: none;
  }
}

/* ----------------- EMISORAS --------------- */
section.emisoras .title34B {
  margin-bottom: 17px;
}
section.emisoras.desktop {
  display: none;
}
section.emisoras.mobile {
  display: block;
  padding-bottom: 37px;
}
section.emisoras.mobile .pt40 {
  padding-top: 33px;
}
section.emisoras.mobile .title22 {
  margin-bottom: 13px;
}
section.emisoras.mobile .box-link {
  border-bottom: 1px solid #E9E9E9;
  padding: 33px 0 40px 0;
}
section.emisoras.mobile .box-link:last-of-type {
  margin-bottom: 0;
}
section.emisoras.mobile .title34 {
  margin-bottom: 16px;
  margin-top: 16px;
}
section.emisoras.mobile .other-info {
  padding: 33px 0 40px 0;
}
section.emisoras.mobile .other-info .title24 {
  margin-bottom: 13px;
}
section.emisoras.mobile .other-info .box-link {
  border: 0;
  padding: 0;
}
@media (min-width: 769px) {
  section.emisoras.desktop {
    display: block;
  }
  section.emisoras.desktop .title22 {
    margin-top: -5px;
    margin-bottom: 22px;
  }
  section.emisoras.desktop .title24 {
    margin-bottom: -18px;
  }
  section.emisoras.desktop .box-link {
    border-bottom: 1px solid #E9E9E9;
    padding: 43px 0 50px 0;
  }
  section.emisoras.desktop .box-link:last-of-type {
    margin-bottom: 0;
  }
  section.emisoras.desktop .other-info {
    padding: 43px 0 0;
  }
  section.emisoras.desktop .other-info .title24 {
    margin-bottom: 23px;
  }
  section.emisoras.desktop .other-info .box-link {
    border: 0;
    padding: 0;
  }
  section.emisoras.desktop .tab-pane {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  section.emisoras.mobile {
    display: none;
  }
}

/* --------------- RESULTADOS DE LA BÚSQUEDA --------------- */
section.search-results.desktop {
  display: none;
}
section.search-results.mobile {
  display: block;
  background-color: #F4F4F4;
}
section.search-results.mobile .card-h {
  padding-bottom: 60px;
}
section.search-results.mobile .result {
  padding-bottom: 40px;
  padding-top: 33px;
  border-bottom: 1px solid #E9E9E9;
}
section.search-results.mobile .result:first-of-type {
  padding-top: 0;
}
section.search-results.mobile .result .title22 {
  margin-bottom: 18px;
}
@media (min-width: 769px) {
  section.search-results.desktop {
    display: block;
    padding-top: 30px !important;
    background-color: #F4F4F4;
  }
  section.search-results.desktop .tab-content {
    padding: 0 !important;
  }
  section.search-results.desktop .tab-content.container {
    padding: 0;
  }
  section.search-results.desktop .tab-content > .active {
    padding-top: 0;
    padding-bottom: 80px;
    display: inline-block;
    width: 100%;
  }
  section.search-results.desktop article.card-h {
    padding-top: 40px;
  }
  section.search-results.desktop.mobile {
    display: none;
  }
}
@media (min-width: 769px) {
  section.search-results.desktop {
    display: block;
  }
  section.search-results.mobile {
    display: none;
  }
}

/* --- REPOSITORIO DE DOCUMENTOS --- */
.sinpadding {
  padding-top: 0px !important;
}

.ppal_docs .title34 {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .ppal_docs .title-m22 {
    font-family: "BBVA-Book";
    margin-bottom: 13px;
  }
  .ppal_docs .card-v .content {
    padding: 15px 20px 20px 20px;
  }
  .ppal_docs .title34 {
    margin-bottom: 20px;
  }
}

.other_docs {
  /*padding-top: 73px;*/
}
@media (max-width: 768px) {
  .other_docs {
    padding-top: 0;
    background-color: #F4F4F4;
  }
  .other_docs .result {
    position: relative;
    background-color: #FFFFFF;
    padding: 15px 20px 20px 20px !important;
    border-bottom: 0;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  }
  .other_docs .result:last-of-type {
    margin-bottom: 0;
  }
  .other_docs .title34 {
    margin-bottom: 17px;
  }
  .other_docs + .pre-footer {
    background-color: #FFFFFF !important;
  }
}
.other_docs .result:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .other_docs .result:last-of-type {
    margin-bottom: 27px !important;
  }
}

@media (max-width: 768px) {
  .content .static .container .row .col-md-8 {
    padding-right: 0;
    padding-left: 0;
  }
  .content .container article .row .col-xs-12, .content .container article .row .col-md-3, .content .container article .row .col-md-6, .content .container article .row .col-md-8, .content .container article .row .col-md-12 {
    padding-left: 0 !important;
  }
}
body.customize-support {
  background-color: #F4F4F4;
}

p .fecha,
p.fecha {
  position: relative;
  padding: 2px 7px 0px;
  border-radius: 10px;
  display: inline-block;
  background: #F4F4F4;
  font-family: "BBVA-BookItalic";
  font-style: italic;
  font-size: 12.75px;
  letter-spacing: 0.6px;
  line-height: 1.4em;
  color: #004481;
}

section > .container {
  margin: 0 auto;
}
.media-desktop.contenedor-menu > .container {
  border-radius: 10px;
}

iframe.EurolandToolClass {
  padding: 40px 98px;
  background: #fff !important;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 769px) {
  iframe.EurolandToolClass {
    padding: 20px;
  }
}

.tab-content iframe.EurolandToolClass {
  padding: 0;
}

article.data-content {
  padding: 40px 98px;
  background: #fff !important;
  border-radius: 0 0 10px 10px;
}

.white_rounded_background {
  padding: 40px 98px;
  background: #fff !important;
  border-radius: 10px;
  max-width: 1140px;
  margin: auto;
}
.white_rounded_background section .container {
  padding: 0;
  background: none;
  border-radius: 0;
}

.col-md-8 {
  width: 100%;
}

.container img {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.espaciador {
  width: 100%;
  height: var(--esp-desktop);
}

.multimedia .container {
  padding: 0;
  background: transparent;
}
.multimedia .container .result {
  margin-top: 30px;
}

.container .on-view {
  margin-bottom: 30px;
}

.grey.media-desktop > .container {
  background: #F4F4F4;
}

h3.title22 {
  font-size: 1.25em !important;
  line-height: 1.2em !important;
  margin-bottom: 0 !important;
  margin-top: 20px !important;
  font-family: "BBVA-Book";
  line-height: 23px;
  margin: 0 auto;
  letter-spacing: 0.1px;
  padding: 0;
  color: #070E46;
  text-align: left;
}
.container .container {
  padding: 0;
  background: transparent;
}

.margin_inf {
  margin-bottom: 64px;
}

.centered_button {
  text-align: center;
}

.tab-content {
  margin-top: 40px;
}

.tab-pane section.section {
  margin-bottom: 64px !important;
}

.container img.figure-chart {
  min-height: auto !important;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* Module #1 - Icon descripcion 3 col */
section.module1 {
  margin-bottom: 64px;
}
section.module1#hechos_relevantes .icon-description {
  padding: 18px 12px 0;
}
section.module1#hechos_relevantes .icon-description .link {
  font-size: 0.9em;
  margin-top: 10px;
  letter-spacing: 0.3px;
}
section.module1#hechos_relevantes .icon-description a.cta-secondary {
  color: #FFFFFF;
  background-color: #001391;
  border-radius: 6px;
  padding: 8px 16px 0;
  font-size: 0.75em;
  font-family: "BBVA-Medium";
  min-width: 130px;
  margin-top: 14px;
  letter-spacing: 0;
}
section.module1#hechos_relevantes .icon-description a.cta-secondary:hover {
  color: #FFFFFF;
  background-color: #070E46;
}
section.module1#hechos_relevantes .icon-description .icon {
  margin-bottom: 0;
}
section.module1#hechos_relevantes .icon-description .icon span.date {
  font-family: "BBVA-BookItalic";
  color: #004481;
  background-color: #F4F4F4;
  padding: 3px 7px 1px;
  margin-bottom: 12px;
  border-radius: 10px;
  font-size: 12.75px;
  letter-spacing: 0.8px;
}
section.module1#hechos_relevantes .icon-description .title22 {
  font-family: "BBVA-Bold";
  font-size: 1.5em;
  line-height: 1.35em;
}
section.module1.columnas_separadas {
  /*h2.title36{
      margin-bottom:42px !important;
  }*/
}
section.module1.columnas_separadas article {
  background: transparent;
  gap: 24px;
}
section.module1.columnas_separadas article.icon-description {
  padding: 0;
}
section.module1.columnas_separadas article.icon-description .box {
  background: #FFF;
  border-radius: 15px;
  padding: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /*.icon{
      display: none;
  }*/
}
section.module1.columnas_separadas article.icon-description .box h3.title22 {
  margin-bottom: 6px;
  min-height: 2.6em;
}
section.module1.columnas_separadas article.icon-description .box p.bodycopy {
  line-height: 1.7em;
}
section.module1.columnas_separadas .icon-description, section.module1.columnas_juntas .icon-description {
  padding: 24px 12px 0;
  /*.box{
      margin-top:10px;
      margin-bottom:20px;
  }*/
}
@media (max-width: 769px) {
  section.module1.columnas_separadas .icon-description, section.module1.columnas_juntas .icon-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0px;
  }
}
section.module1.columnas_separadas .icon-description .icon, section.module1.columnas_juntas .icon-description .icon {
  font-size: 2em;
}
section.module1.columnas_separadas .icon-description h3.title22, section.module1.columnas_juntas .icon-description h3.title22 {
  font-family: "BBVA-Bold";
  font-size: 1.5em;
  line-height: 1.35em;
  margin-bottom: 11px;
}
section.module1.columnas_separadas .icon-description p.bodycopy, section.module1.columnas_juntas .icon-description p.bodycopy {
  color: #070E46;
  font-weight: 600;
  font-size: 0.9em;
  letter-spacing: 0.24px;
}
section.module1.columnas_separadas .icon-description a.link, section.module1.columnas_juntas .icon-description a.link {
  color: #001391;
  margin-top: 14px;
  font-size: 0.93em;
}
section.module1 .icon-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  justify-self: center;
  background: #FFFFFF;
  padding: 18px 30px;
  width: 100%;
  border-radius: 15px;
  gap: 10px;
}
@media (min-width: 769px) {
  section.module1 .icon-description {
    padding: 18px 10px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
section.module1 .box {
  display: block;
  width: 100%;
}
@media (min-width: 769px) {
  section.module1 .box {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    margin-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
section.module1 .box p.bodycopy {
  color: #004481;
  font-size: 0.9em;
  line-height: 1.5em;
}
section.module1 .box .icon {
  color: #004481;
  font-size: 30px;
  display: inline-block;
  margin-bottom: 9px;
  /* @media (min-width: 769px) {
     margin-bottom: 10px;
   }*/
}
section.module1 .box .icon .date {
  font: 12px "BBVA-Book";
  color: #121212;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
section.module1 .box .title22 {
  margin-bottom: 7px;
}
section.module1 .box .link {
  margin-top: 9px;
  display: block;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  color: #001391;
}
section.module1 .box .link:hover {
  color: #000;
}
@media (min-width: 769px) {
  section.module1 .box .link {
    margin-top: 15px;
  }
  section.module1 .box .link:nth-of-type(2) {
    margin-top: 2px;
  }
}

a.justified_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
}
a.justified_button span {
  color: #FFF;
  background-color: #001391;
  border-radius: 50%;
  margin-right: 8px;
  height: 20px;
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
a.justified_button:hover span {
  background-color: #070E46;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
section.module_cardv .row {
  margin-bottom: 30px;
  max-width: 1140px;
  gap: 24px;
  margin: 0 auto;
}
section.module_cardv .row::after, section.module_cardv .row::before {
  display: none;
}
@media (max-width: 769px) {
  section.module_cardv .row {
    gap: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
section.module_cardv .row .col-md-1,
section.module_cardv .row .col-sm-1 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-2,
section.module_cardv .row .col-sm-2 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-3,
section.module_cardv .row .col-sm-3 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-4,
section.module_cardv .row .col-sm-4 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-5,
section.module_cardv .row .col-sm-5 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-6,
section.module_cardv .row .col-sm-6 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-7,
section.module_cardv .row .col-sm-7 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-8,
section.module_cardv .row .col-sm-8 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-9,
section.module_cardv .row .col-sm-9 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-10,
section.module_cardv .row .col-sm-10 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-11,
section.module_cardv .row .col-sm-11 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row .col-md-12,
section.module_cardv .row .col-sm-12 {
  padding: 0;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.module_cardv .row:last-child {
  margin-bottom: 0;
}
section.module_cardv .abstract {
  margin-bottom: 2em;
  margin-top: 12px;
  text-align: center;
  color: #070E46;
}
@media (max-width: 992px) {
  section.module_cardv div[class*=col-] {
    margin-bottom: 30px;
  }
  section.module_cardv div[class*=col-]:last-of-type {
    margin-bottom: 0;
  }
}
section.module_cardv.grey.pt73.pb80 + section.module_cardv.grey.pt73.pb80 {
  padding-top: 0 !important;
  margin-top: -30px !important;
}
@media (min-width: 769px) and (max-width: 992px) {
  section.module_cardv.grey.pt73.pb80 + section.module_cardv.grey.pt73.pb80 {
    margin-top: -80px !important;
  }
}
@media (min-width: 992px) {
  section.module_cardv.grey.pt73.pb80 + section.module_cardv.grey.pt73.pb80 {
    margin-top: -50px !important;
  }
}

.card-v {
  height: 100%;
  position: relative;
  padding: 22px;
  border-radius: 10px;
  background: #FFFFFF;
}
.card-v .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFFFFF;
  position: relative;
  z-index: 20;
  height: auto;
}
@media (min-width: 769px) {
  .card-v .content {
    padding: 24px 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.card-v .content .button-inblock {
  position: static;
}
.card-v .content .bodycopy {
  margin-bottom: 20px;
  z-index: 20;
}
.card-v .content .bodycopy.fecha {
  position: relative;
  padding: 2px 7px 0px;
  border-radius: 10px;
  display: inline-block;
  background: #F4F4F4;
}
.card-v .content .bodycopy.fecha p {
  font-family: "BBVA-BookItalic";
  font-style: italic;
  font-size: 12.75px;
  letter-spacing: 0.6px;
  line-height: 1.4em;
  color: #004481;
}
.card-v .content .bodycopy p {
  font-size: 0.9em;
  color: #070E46;
}
.card-v .content .date {
  font: 11px/14px "BBVA-Book";
  color: #121212;
  text-transform: uppercase;
  padding-bottom: 10px;
  display: block;
  margin-top: -10px;
  position: relative;
  z-index: 20;
}
.card-v .content.research .title22-20, .card-v .content.news .title22-20 {
  position: relative;
  z-index: 20;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .card-v .content.research .date, .card-v .content.news .date {
    padding-bottom: 2px;
  }
}
@media (min-width: 769px) {
  .card-v .card-info.multi-link {
    margin-bottom: 43px;
  }
  .card-v .link:not(.no-audio) {
    /*position: absolute;
    bottom: 23px;*/
  }
  .card-v .card-links {
    display: block;
    /*position: absolute;
    bottom: 0;*/
  }
  .card-v .card-links .link {
    display: block;
    position: relative;
    color: #001391;
    letter-spacing: -0.5px;
    margin-top: 8px;
  }
  .card-v .card-links .link:hover {
    color: #070E46;
  }
}
.card-v .title26 {
  position: relative;
  z-index: 20;
  margin-bottom: 17px;
  font-family: "tiemposBold";
  font-size: 1.6em;
  line-height: 1.1em;
  color: #070E46;
}
@media (max-width: 768px) {
  .card-v .title26 {
    margin-bottom: 7px;
    margin-top: 6px;
    line-height: 1.1em;
    font-size: 1.2em;
  }
}
@media (max-width: 1200px) {
  .card-v .title26 {
    font-size: 1.4em;
  }
}
.card-v .title26.white {
  color: #FFFFFF;
}
.card-v .image img {
  border-radius: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  /*max-height: 206px;
  min-height: 206px;*/
  border-radius: 5px;
}
@media (max-width: 768px) {
  .card-v .image img {
    min-height: 120px;
    height: 256px;
  }
}
@media (max-width: 768px) {
  .card-v .news {
    padding-top: 24px;
    padding-bottom: 34px;
  }
}
.card-v .news .title-m22 {
  margin-bottom: 33px;
  position: relative;
  z-index: 20;
}
.card-v .title-m22 + .bodycopy, .card-v .title22-20 + .bodycopy {
  margin-bottom: 13px;
}
@media (max-width: 768px) {
  .card-v .title-m22 + .button-inblock {
    margin-top: 7px;
  }
}
@media (max-width: 768px) {
  .card-v.onimage .content {
    padding: 30px 0 12px;
  }
}
.card-v.onimage .image {
  position: relative;
}
.card-v.onimage .image img {
  /*min-height: 370px;
  max-height: 370px;*/
  height: 256px;
}
@media (max-width: 768px) {
  .card-v.onimage .image img {
    max-height: 206px;
    max-height: none;
  }
}
.card-v.onimage .image .overlay.dark {
  background-color: #072146;
  opacity: 0.25;
  height: 100%;
  position: absolute;
  width: 100%;
}
@media (max-width: 768px) {
  .card-v.onimage {
    /*.title26 {
      display: block;
    }*/
  }
  .card-v.onimage .highlight {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .card-v.onimage {
    /*.title26 {
      display: none;
    }*/
  }
  .card-v.onimage .highlight {
    display: block;
    font-size: 2.2em;
    font-family: "tiemposBold";
    letter-spacing: -0.2px;
    color: #070E46;
    margin-bottom: 20px;
    line-height: 1em;
  }
}
.card-v.media {
  margin-bottom: 30px;
}
.card-v.media .date {
  font: 11px/14px "BBVA-Medium";
  color: #666666;
}
@media (min-width: 769px) {
  .card-v.media .date {
    color: #9B9B9B;
  }
}
.card-v.media .image {
  position: relative;
  border-radius: 15px;
}
.card-v.media .image img {
  width: 100%;
  height: auto;
  min-height: 145px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 300px;
}
@media (min-width: 769px) {
  .card-v.media .image img {
    min-height: 180px;
    height: 256px;
  }
}
.card-v.media .image .play-video {
  position: absolute;
  right: 0;
  left: 0;
  top: 75px;
  margin-top: -26px;
  text-align: center;
}
@media (min-width: 769px) {
  .card-v.media .image .play-video {
    top: 90px;
  }
}
.card-v.media .image .play-video a {
  display: inline-block;
}
.card-v.media .image .play-video i {
  font-size: 52px;
  color: #FFFFFF;
}
.card-v.media .title18 {
  margin-bottom: 35px;
  z-index: 40;
}
@media (max-width: 768px) {
  .card-v.media .content {
    padding-top: 27px;
    padding-bottom: 23px;
  }
}
.card-v.media.video .content .title18 {
  margin-bottom: 0 !important;
}
.card-v.media.audio .content {
  padding-top: 38px;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
}
.card-v.media.audio .content a.link.no-audio {
  display: block;
}
.card-v.media.audio .title18 {
  position: relative;
  z-index: 20;
  margin-bottom: 18px;
}
.card-v.media.slides .image, .card-v.media.infograph .image {
  height: 180px;
  background-size: cover;
}
@media (max-width: 768px) {
  .card-v.media.slides .image, .card-v.media.infograph .image {
    height: 200px;
  }
}
.card-v.media.slides .title18, .card-v.media.infograph .title18 {
  position: relative;
  z-index: 20;
  margin-bottom: 34px;
}

div.contact-card {
  background-color: #FFFFFF;
  border-radius: 15px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 20px 20px 25px 20px;
}
@media (min-width: 769px) {
  div.contact-card {
    padding: 30px 30px 25px 30px;
  }
}
div.contact-card .photo img {
  border-radius: 100%;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 769px) {
  div.contact-card .photo img {
    width: 120px;
    height: 120px;
  }
}
div.contact-card.vertical .info {
  text-align: center;
  margin-top: 9px;
}
div.contact-card.vertical .info p {
  color: #121212;
}
@media (min-width: 769px) {
  div.contact-card.vertical .info {
    margin-top: 18px;
  }
}
@media (max-width: 768px) {
  div.contact-card.vertical .info .title-m22 {
    margin-bottom: 8px;
  }
}
div.contact-card.vertical .info .dir {
  margin-top: 9px;
}
div.contact-card.vertical .info .dir p {
  color: #666666;
}
@media (min-width: 769px) {
  div.contact-card.vertical .info .dir {
    margin-top: 16px;
  }
}
div.contact-card.vertical .info .email {
  margin-top: 15px;
}
@media (min-width: 769px) {
  div.contact-card.vertical .info .email {
    margin-top: 13px;
  }
}
div.contact-card.vertical .photo {
  text-align: center;
}

@media (max-width: 768px) {
  .module-contact-card-v div[class*=col-] {
    margin-bottom: 30px;
  }
  .module-contact-card-v div[class*=col-]:last-of-type {
    margin-bottom: 0;
  }
}

.col-md-4 .card-v .image img,
.col-sm-4 .card-v .image img {
  max-height: 200px;
  min-height: 200px;
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  .col-md-4 .card-v .image img,
  .col-sm-4 .card-v .image img {
    max-height: 180px;
    min-height: 180px;
    margin-bottom: 0;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.card-h > .container {
  max-width: 1140px;
  width: 96%;
}
.card-h .title34 {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .card-h .title34 {
    margin-bottom: 36px;
  }
}
.card-h .title-rollover {
  display: block;
  font-family: "BBVA-Bold";
  line-height: 27px;
  letter-spacing: -0.6px;
  position: absolute;
  padding: 0 65px;
  color: #FFFFFF;
  text-align: center;
  z-index: 20;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.3333333333em;
}
.card-h .card {
  padding: 0 15px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  /*&:hover {
    .card-content {
      &:before {
        transform: skewy(-2deg);

        @media (min-width: 769px) {
          transform: skewx(3deg);
        }
      }
    }
  }*/
}
.card-h .card:last-of-type {
  margin-bottom: 0px;
}
@media (min-width: 786px) {
  .card-h .card {
    height: 250px;
  }
  .card-h .card.no-image {
    height: 215px;
  }
  .card-h .card.no-image .card-content {
    height: 215px;
  }
}
.card-h .card .card-image {
  min-height: 200px;
  overflow: hidden;
  position: relative;
}
.card-h .card .card-image .overlay.dark {
  background-color: #072146;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  opacity: 0.25;
}
.card-h .card .card-image.c_iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  min-height: 250px;
  margin-right: -14px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow: -moz-scrollbars-vertical !important;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .card-h .card .card-image.c_iframe {
    padding-bottom: 37.25%;
  }
}
.card-h .card .card-image.c_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-h .card .card-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 200px;
}
@media (min-width: 786px) {
  .card-h .card .card-image {
    min-height: 245px;
  }
  .card-h .card .card-image img {
    height: 250px;
  }
}
.card-h .card .card-content {
  padding: 14px 20px 30px 20px;
  position: relative;
  /*&:before {
    height: 50px;
    background-color: $white;
    width: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 10;
    transform-origin: top left;
     transition: transform 0.4s;
  }*/
}
.card-h .card .card-content > p {
  position: relative;
  z-index: 20;
}
@media (min-width: 786px) {
  .card-h .card .card-content {
    padding: 0 60px 0 50px;
    display: table-cell;
    vertical-align: middle;
    height: 250px;
    /* &:before {
       height: 100%;
       width: 50px;
       position: absolute;
       transform-origin: bottom right;
     }*/
  }
  .card-h .card .card-content .button-inline {
    margin-top: 33px;
  }
  .card-h .card .card-content .cta-primary {
    min-width: initial;
  }
}
.card-h .card .card-content .title22 {
  z-index: 20;
  position: relative;
}
.card-h .card .card-content .prod_title {
  position: relative;
  font: 22px/29px "BBVA-Book";
  color: #121212;
  z-index: 20;
}
.card-h .card .card-content .bodycopy {
  margin-top: 5px;
  z-index: 20;
  position: relative;
}
.card-h + .card-h {
  padding-top: 0;
}
section.header-subpage + .card-h {
  padding-top: 0;
}

.block-links {
  padding-bottom: 53px;
}
.block-links .result {
  border-bottom: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
  background: #fff;
  margin-top: 12px;
  margin-bottom: 12px;
  border-radius: 7px;
  padding: 25px 25px 10px !important;
  /*    &:first-of-type {
        padding-top: 0;
      }*/
}
.block-links .result .title22 {
  margin-bottom: 13px;
}
.block-links .result .date {
  color: #121212;
  padding-bottom: 12px;
  font-size: 0.9333333333em;
}
@media (min-width: 769px) {
  .block-links .result {
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 50px;
    padding-top: 47px;
  }
  .block-links .result:last-of-type {
    margin-bottom: 55px;
  }
  .block-links .result:first-of-type {
    padding-top: 47px;
  }
  .block-links .result .title22 {
    margin-top: -5px;
    margin-bottom: 22px;
  }
}

@media (min-width: 786px) and (max-width: 1199px) {
  /*.card-h .card .card-content:before {
    width: 100px;
    left: -50px;

  }*/
  .card-h .card .card-content .button-inline {
    z-index: 10;
    position: relative;
  }
  .card-h .card .card-content .button-inline li {
    margin-right: 10px;
  }
  .card-h .card .card-content h4, .card-h .card .card-content p {
    z-index: 10;
    position: relative;
  }
  .card-h .title-rollover {
    padding: 0 80px 20px 30px;
  }
}
/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* =============== */
/*   HOME SLIDER   */
/* =============== */
#homeSlider {
  margin-bottom: 64px;
}
#homeSlider .carousel-inner {
  width: calc(100% - 48px);
  margin: 0 auto;
  border-radius: 15px;
  height: 396px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  #homeSlider .carousel-inner {
    height: 470px;
  }
}
#homeSlider .carousel-inner .item {
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}
#homeSlider .carousel-inner .item .caption {
  width: 50%;
  max-width: 560px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 150px;
}
@media (max-width: 768px) {
  #homeSlider .carousel-inner .item .caption {
    position: absolute;
    top: 248px;
    width: 100%;
    max-width: none;
    margin-left: 0;
    top: auto;
  }
}
#homeSlider .carousel-inner .item .caption .caption_box {
  text-align: center;
  width: 50%;
  background: #FFFFFF;
  /* @media (min-width: 769px) and (max-width: 1200px) {
     margin-left: 50px;
   }*/
}
@media (max-width: 768px) {
  #homeSlider .carousel-inner .item .caption .caption_box {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 30px 20px 24px;
    min-height: 240px;
  }
}
#homeSlider .carousel-inner .item .caption .caption_box a.cta-primary {
  background-color: #001391;
  border-radius: 6px;
  padding: 14px 8px;
  font-size: 0.95em;
  font-family: "BBVA-Medium";
  min-width: 150px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
#homeSlider .carousel-inner .item .caption .caption_box a.cta-primary:hover {
  background: #1973B8;
}
#homeSlider .carousel-inner .item .caption .caption_box p {
  color: #004481;
}
@media (min-width: 769px) {
  #homeSlider .carousel-inner .item .caption .caption_box {
    border-radius: 15px;
    padding: 24px;
    width: 100%;
    text-align: left;
  }
}
#homeSlider .carousel-inner .item .caption .item_title {
  font-family: "tiemposBold";
  color: #070E46;
  width: 95%;
  margin: 0 auto;
  font-size: 2.8em;
}
@media (max-width: 769px) {
  #homeSlider .carousel-inner .item .caption .item_title {
    line-height: 1em;
    margin-bottom: 15px;
    width: initial;
    font-size: 2em;
  }
}
#homeSlider .carousel-inner .item .caption .bodycopy {
  margin-bottom: 27px;
}
@media (min-width: 769px) {
  #homeSlider .carousel-inner .item .caption .bodycopy {
    margin-bottom: 40px;
  }
}
#homeSlider .bbva-title, #homeSlider .oblique {
  display: none;
}
@media (max-width: 768px) {
  #homeSlider {
    /*.bbva-title {
      display: block;
      text-align: center;
      font-family: BBVA-Book;
      color: $core;
      position: absolute;
      top: 156px;
      right: 0;
      left: 0;
      @include font-size(14px);

      .mid-line {
        width: 80px;
        margin-top: -2px;
        border-top: 1px solid $BBVA_menu_light_blue;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
      }
    }*/
  }
  #homeSlider .oblique {
    display: block;
    position: absolute;
    height: 29px;
    left: 0;
    top: 187px;
    right: 0;
    content: "";
    -webkit-transform: skewY(-2.5deg);
    -ms-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg);
    background-color: #FFFFFF;
  }
}
#homeSlider .control {
  margin-top: 0;
  z-index: 10;
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
@media (max-width: 768px) {
  #homeSlider .control {
    display: none;
  }
}
#homeSlider .control i {
  font-size: 56px;
  color: #FFFFFF;
  display: block;
}
#homeSlider .control img {
  display: block;
  margin: 0 auto;
}
#homeSlider .control.left {
  left: 20px;
}
#homeSlider .control.right {
  right: 20px;
}
#homeSlider .control.right i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#homeSlider .carousel-indicators {
  bottom: 0;
  /*@media (max-width: 768px) {
    bottom: -7px;
  }*/
}
#homeSlider .carousel-indicators li {
  border: 0;
  cursor: pointer;
  background-color: #FFFFFF;
  margin: 0 3px;
  opacity: 0.6;
}
@media (max-width: 768px) {
  #homeSlider .carousel-indicators li {
    background-color: #E9E9E9;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    padding: 0 !important;
    opacity: 1;
  }
}
#homeSlider .carousel-indicators li.active {
  margin: 0 3px;
  width: 10px;
  height: 10px;
  opacity: 1;
}
@media (max-width: 768px) {
  #homeSlider .carousel-indicators li.active {
    background-color: #001391;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  .wpb_column > .vc_column-inner > .wpb_wrapper > section.module1:first-child {
    background-color: #F4F4F4 !important;
  }
}
section.hero {
  position: relative;
  max-width: calc(100% - 48px);
  margin: 0 auto;
  border-radius: 15px;
  overflow: hidden;
}
section.hero .jumbotron {
  min-height: 180px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  max-width: none;
}
@media (min-width: 769px) {
  section.hero .jumbotron {
    /*max-height: 450px;
    height: 450px;*/
    max-height: 356px;
    height: 356px;
  }
}
section.hero .jumbotron .container {
  width: inherit;
}
section.hero.employee .jumbotron {
  max-height: 110px;
  height: 110px;
}
@media (min-width: 769px) {
  section.hero.employee .jumbotron {
    /*max-height: 450px;
    height: 450px;*/
    height: 356px;
  }
}
section.hero .align-v {
  margin: 0 auto;
  width: inherit;
}
@media (min-width: 769px) {
  section.hero .align-v {
    /*max-height: 450px;
    height: 450px;*/
    height: 100%;
  }
}
@media (max-width: 768px) {
  section.hero .cta-play {
    margin-top: -43px;
  }
}
section.hero:not(.employee):before {
  content: "";
  background-color: #072146;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* Módulo Suscripción */
section.suscription {
  text-align: center;
}
section.suscription .title36 {
  margin-bottom: 18px;
  color: #FFFFFF;
}
@media (min-width: 769px) {
  section.suscription .title36 {
    margin-bottom: 33px;
  }
}
section.suscription .bodycopy {
  margin-bottom: 26px;
}
@media (min-width: 769px) {
  section.suscription .bodycopy {
    margin-bottom: 33px;
    font-family: "BBVA-Medium";
  }
}
section.suscription .box-image {
  background-position: center center;
  background-size: cover;
  z-index: 4;
  position: relative;
  padding: 56px 0 60px 0;
}
@media (min-width: 769px) {
  section.suscription .box-image {
    padding: 138px 0 135px 0;
  }
}

.form-group.has-error label {
  top: 12px;
  font-size: 12px;
}

.has-error *, .validation_message {
  color: #a94442;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* LAYOUT ORGANIGRAMA */
.organigram.desktop {
  display: none;
}
.organigram.mobile .dpto {
  padding: 35px 0;
}
.organigram.mobile .subdpto {
  padding-top: 10px;
  padding-bottom: 35px;
}
@media (min-width: 1024px) {
  .organigram.mobile {
    display: none;
  }
  .organigram.desktop {
    padding-bottom: 50px;
    display: block;
  }
  .organigram.desktop .subdpto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .organigram.desktop .name-dpto {
    font: 22px/29px "BBVA-Book";
    color: #121212;
    margin-bottom: 23px;
    text-align: center;
  }
  .organigram.desktop .dpto {
    position: relative;
    margin-top: 63px;
  }
  .organigram.desktop .dpto:before {
    content: "";
    height: 30px;
    position: absolute;
    top: -34px;
    left: 50%;
    width: 111.6%;
    border-top: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    z-index: 5;
  }
  .organigram.desktop .dpto:nth-child(3):before {
    border-top: 0 !important;
  }
  .organigram.desktop .dpto:last-of-type:before {
    content: "";
    width: 170px;
    position: absolute;
    top: -367px;
    left: -36px;
    border-top: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    z-index: 1;
    border-left: 0;
    height: 362px;
  }
}

/* CARD Perfil Organigrama */
.profile-card {
  z-index: 2;
  position: relative;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
@media (max-width: 1024px) {
  .profile-card {
    text-align: center;
  }
}
.profile-card .photo {
  width: 90px;
  margin: 0 auto;
  height: 90px;
  margin-bottom: 17px;
}
@media (min-width: 769px) {
  .profile-card .photo {
    width: 120px;
    height: 120px;
    margin-bottom: 0;
  }
}
.profile-card .photo img {
  border-radius: 100%;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 769px) {
  .profile-card .photo img {
    width: 120px;
    height: 120px;
  }
}
.profile-card .name {
  font-size: 1.2em;
  line-height: 1.1em;
  font-family: "BBVA-Medium";
  color: #121212;
  letter-spacing: -0.4px;
}
.profile-card.landscape {
  margin: 30px 0;
  padding: 20px 30px 30px;
  position: relative;
}
.profile-card.landscape:first-of-type {
  margin-top: 0;
}
.profile-card.landscape:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .profile-card.landscape {
    padding: 30px;
    margin: 30px 0 9px;
  }
}
@media (min-width: 1024px) {
  .profile-card.landscape .photo {
    display: inline-block;
    vertical-align: middle;
  }
  .profile-card.landscape .info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px;
  }
}
.profile-card .name {
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .profile-card .name {
    text-align: left;
  }
}
.profile-card .position {
  margin-bottom: 10px;
  line-height: 1.2em;
}
@media (min-width: 1024px) {
  .profile-card:after {
    content: "";
    height: 30px;
    border-left: 1px solid #BDBDBD;
    position: absolute;
    bottom: -30px;
    left: 50%;
  }
}
.profile-card.vertical {
  position: relative;
  height: 100%;
  margin-bottom: 30px;
}
@media (min-width: 769px) {
  .profile-card.vertical {
    width: 263px;
  }
}
.profile-card.vertical .photo {
  padding: 30px 30px 0 30px;
  text-align: center;
}
.profile-card.vertical .info {
  padding: 0 30px 30px 30px;
  text-align: center;
  margin-top: 22px;
}
.profile-card.vertical .name {
  text-align: center;
}
.profile-card.vertical .position {
  margin-bottom: 36px;
  margin-top: 5px;
}
.profile-card.vertical .link {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}
.profile-card.vertical:last-of-type {
  margin-bottom: 0;
}
.profile-card.vertical:last-of-type:after {
  content: "";
  border-left: 0;
}

.org-profile {
  margin-top: -80px;
  position: relative;
  z-index: 5;
}
.org-profile > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin: 42px auto;
  border-radius: 15px;
  padding: 30px;
  background: #e9e9e9;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 769px) {
  .org-profile {
    margin-top: -160px;
  }
  .org-profile > .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.org-profile .photo img {
  border-radius: 100%;
  height: 140px;
  margin-bottom: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  /*@media (min-width: 769px) {
    height: 140px;
  }*/
}
.org-profile .meta-data {
  margin-bottom: 23px;
  padding-bottom: 13px;
}
.org-profile .meta-data .name {
  font-family: "BBVA-Bold";
  line-height: 30px;
  letter-spacing: -0.3px;
  color: #121212;
  margin-bottom: 5px;
  font-size: 2.4em;
  line-height: 1em;
  margin-bottom: 10px;
  font-size: 1.6666666667em;
}
@media (min-width: 769px) {
  .org-profile .meta-data .name {
    letter-spacing: -0.5px;
  }
}
.org-profile .meta-data .info {
  font-family: "BBVA-Medium";
  line-height: 18px;
  font-size: 13px;
  color: #121212;
}
@media (min-width: 769px) {
  .org-profile .meta-data .info {
    line-height: 1.1em;
    font-size: 1em;
  }
}
.org-profile .meta-data .info strong {
  font-family: "BBVA-Bold";
}
@media (min-width: 769px) {
  .org-profile .meta-data {
    margin-bottom: 33px;
    border-bottom: 1px solid #E9E9E9;
  }
}
.org-profile .block {
  margin-bottom: 29px;
}
.org-profile .block:last-of-type {
  margin-bottom: 0;
}

.more-info {
  max-width: 1140px;
  background: #FFF;
  border-radius: 15px;
  padding: 15px;
  margin: auto;
  /*.cta-primary {
    @media (min-width: 768px) {
      position: absolute;
      top: 30px;
      right: 30px;
    }
  }*/
}
.more-info .title34B {
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .more-info .title34B {
    font-family: "BBVA-Medium";
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
    margin-bottom: 21px;
  }
}
.more-info .title22 {
  margin-top: 6px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .more-info .title22 {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
.more-info .bodycopy {
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .more-info .bodycopy {
    margin-bottom: 15px;
  }
}
.more-info .button-center {
  margin: 0 auto;
  text-align: center;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* -------------------------------------- */
/* ---------------- TABLE --------------- */
/* -------------------------------------- */
article.data-content {
  margin-bottom: 20px;
  padding: 40px;
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 768px) {
  article.data-content {
    margin-bottom: 33px;
    padding: 0px 14px;
  }
}
@media (max-width: 768px) {
  article.data-content .title-data {
    position: relative;
    padding-right: 30px;
  }
}

.tab-pane article.data-content {
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.table-responsive {
  margin-bottom: 0;
  margin-top: 6px;
  margin-bottom: 10px;
}
.table-responsive strong, .table-responsive td, .table-responsive th {
  color: #070E46 !important;
}
.table-responsive .dt-empty-footer {
  display: none;
}
.table-responsive .table, .table-responsive .tablepress {
  background-color: #D3D3D3;
  margin-bottom: 0;
  font-size: 0.8em;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #D3D3D3;
  /*  @media (min-width: 1200px) {
          table-layout: fixed;
        }
  */
  /* --- Fixed column responsive --- */
}
.table-responsive .table caption, .table-responsive .tablepress caption {
  position: absolute;
  bottom: -20px;
}
.table-responsive .table > thead > tr > th, .table-responsive .tablepress > thead > tr > th {
  border: 0;
  border-left: 1px solid #D3D3D3;
  font-family: "BBVA-Medium";
  vertical-align: middle;
  font-weight: initial;
  padding: 10px;
  text-align: left;
  background: #E9E9E9;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: none;
  font-size: 0.9333333333em;
}
@media (min-width: 769px) {
  .table-responsive .table > thead > tr > th, .table-responsive .tablepress > thead > tr > th {
    line-height: 1.4em;
    font-size: 1em;
  }
}
.table-responsive .table > thead > tr > th:first-of-type, .table-responsive .tablepress > thead > tr > th:first-of-type {
  border-left: 0;
}
@media (min-width: 769px) {
  .table-responsive .table > thead > tr > th:first-of-type, .table-responsive .tablepress > thead > tr > th:first-of-type {
    border-right: 1px solid #D3D3D3;
  }
}
.table-responsive .table > tbody > tr, .table-responsive .tablepress > tbody > tr {
  border-top: 1px solid #D3D3D3;
}
.table-responsive .table > tbody > tr > td, .table-responsive .tablepress > tbody > tr > td {
  padding: 5px 15px 5px;
  border: 0;
  border-right: 1px solid #D3D3D3;
  font-family: "BBVA-Book";
  line-height: 1.2em;
  font-size: 0.8666666667em;
}
.table-responsive .table > tbody > tr > td a, .table-responsive .tablepress > tbody > tr > td a {
  line-height: 18px;
  font-family: "BBVA-Medium";
  color: #2a86ca;
  color: #001391;
  font-weight: initial !important;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  font-size: 0.8666666667em;
}
@media (min-width: 769px) {
  .table-responsive .table > tbody > tr > td a, .table-responsive .tablepress > tbody > tr > td a {
    line-height: 23px;
    font-size: 1em;
  }
}
.table-responsive .table > tbody > tr > td a:hover, .table-responsive .tablepress > tbody > tr > td a:hover {
  color: #070E46;
}
@media (min-width: 769px) {
  .table-responsive .table > tbody > tr > td, .table-responsive .tablepress > tbody > tr > td {
    padding: 8px;
    font-size: 1em;
  }
  .table-responsive .table > tbody > tr > td:first-of-type, .table-responsive .tablepress > tbody > tr > td:first-of-type {
    padding-left: 8px;
  }
}
@media (min-width: 768px) {
  .table-responsive .table > tbody > tr.odd td, .table-responsive .tablepress > tbody > tr.odd td {
    position: relative;
  }
}
.table-responsive .table.fixed-column, .table-responsive .tablepress.fixed-column {
  display: none;
}
.table-responsive .table.bordered > tbody:first-of-type td, .table-responsive .tablepress.bordered > tbody:first-of-type td {
  padding-top: 13px;
}
@media (min-width: 769px) {
  .table-responsive .table.bordered > tbody:first-of-type td, .table-responsive .tablepress.bordered > tbody:first-of-type td {
    padding-top: 10px;
  }
}
.table-responsive .table.bordered > tbody:last-of-type td, .table-responsive .tablepress.bordered > tbody:last-of-type td {
  padding-bottom: 13px;
}
@media (min-width: 769px) {
  .table-responsive .table.bordered > tbody:last-of-type td, .table-responsive .tablepress.bordered > tbody:last-of-type td {
    padding-bottom: 10px;
  }
}
.table-responsive .table.bordered > tbody > td, .table-responsive .tablepress.bordered > tbody > td {
  border: 1px solid #D3D3D3;
}
.table-responsive .table.bordered > tbody > td:first-of-type, .table-responsive .tablepress.bordered > tbody > td:first-of-type {
  border-left: 0;
}
.table-responsive .table.bordered > tbody > td:last-of-type, .table-responsive .tablepress.bordered > tbody > td:last-of-type {
  border-right: 0;
}
@media (max-width: 768px) {
  .table-responsive .table.bordered, .table-responsive .tablepress.bordered {
    display: block;
  }
}
@media (max-width: 768px) {
  .table-responsive .table.fixed-column > thead tr, .table-responsive .tablepress.fixed-column > thead tr {
    border-bottom: 1px solid #D3D3D3;
  }
}

.legend {
  margin-bottom: 0 !important;
  margin-top: 15px;
  padding-right: 15px;
}

/** TablePress **/
@media (min-width: 769px) {
  /** Columna 1 **/
  .tablepress.col-1-100 .column-1 {
    width: 100px !important;
  }
  .tablepress.col-1-150 .column-1 {
    width: 150px !important;
  }
  .tablepress.col-1-200 .column-1 {
    width: 200px !important;
  }
  .tablepress.col-1-250 .column-1 {
    width: 250px !important;
  }
  .tablepress.col-1-300 .column-1 {
    width: 300px !important;
  }
  /** Columna 2 **/
  .tablepress.col-2-100 .column-2 {
    width: 100px !important;
  }
  .tablepress.col-2-150 .column-2 {
    width: 150px !important;
  }
  .tablepress.col-2-200 .column-2 {
    width: 200px !important;
  }
  .tablepress.col-2-250 .column-2 {
    width: 250px !important;
  }
  .tablepress.col-2-300 .column-2 {
    width: 300px !important;
  }
  /** Columna 3 **/
  .tablepress.col-3-100 .column-3 {
    width: 100px !important;
  }
  .tablepress.col-3-150 .column-3 {
    width: 150px !important;
  }
  .tablepress.col-3-200 .column-3 {
    width: 200px !important;
  }
  .tablepress.col-3-250 .column-3 {
    width: 250px !important;
  }
  .tablepress.col-3-300 .column-3 {
    width: 300px !important;
  }
  /** Columna 4 **/
  .tablepress.col-4-100 .column-4 {
    width: 100px !important;
  }
  .tablepress.col-4-150 .column-4 {
    width: 150px !important;
  }
  .tablepress.col-4-200 .column-4 {
    width: 200px !important;
  }
  .tablepress.col-4-250 .column-4 {
    width: 250px !important;
  }
  .tablepress.col-4-300 .column-4 {
    width: 300px !important;
  }
  /** Columna 5 **/
  .tablepress.col-5-100 .column-5 {
    width: 100px !important;
  }
  .tablepress.col-5-150 .column-5 {
    width: 150px !important;
  }
  .tablepress.col-5-200 .column-5 {
    width: 200px !important;
  }
  .tablepress.col-5-250 .column-5 {
    width: 250px !important;
  }
  .tablepress.col-5-300 .column-5 {
    width: 300px !important;
  }
  /** Columna 6 **/
  .tablepress.col-6-100 .column-6 {
    width: 100px !important;
  }
  .tablepress.col-6-150 .column-6 {
    width: 150px !important;
  }
  .tablepress.col-6-200 .column-6 {
    width: 200px !important;
  }
  .tablepress.col-6-250 .column-6 {
    width: 250px !important;
  }
  .tablepress.col-6-300 .column-6 {
    width: 300px !important;
  }
  /** Columna 7 **/
  .tablepress.col-7-100 .column-7 {
    width: 100px !important;
  }
  .tablepress.col-7-150 .column-7 {
    width: 150px !important;
  }
  .tablepress.col-7-200 .column-7 {
    width: 200px !important;
  }
  .tablepress.col-7-250 .column-7 {
    width: 250px !important;
  }
  .tablepress.col-7-300 .column-7 {
    width: 300px !important;
  }
  /** Columna 8 **/
  .tablepress.col-8-100 .column-8 {
    width: 100px !important;
  }
  .tablepress.col-8-150 .column-8 {
    width: 150px !important;
  }
  .tablepress.col-8-200 .column-8 {
    width: 200px !important;
  }
  .tablepress.col-8-250 .column-8 {
    width: 250px !important;
  }
  .tablepress.col-8-300 .column-8 {
    width: 300px !important;
  }
  /** Columna 9 **/
  .tablepress.col-9-100 .column-9 {
    width: 100px !important;
  }
  .tablepress.col-9-150 .column-9 {
    width: 150px !important;
  }
  .tablepress.col-9-200 .column-9 {
    width: 200px !important;
  }
  .tablepress.col-9-250 .column-9 {
    width: 250px !important;
  }
  .tablepress.col-9-300 .column-9 {
    width: 300px !important;
  }
}
.tablepress center {
  text-align: left;
}

table.tablepress tbody tr td {
  background: #FFF !important;
}

table.tablepress tbody.row-hover tr:hover td {
  background-color: #F4F4F4 !important;
}

table.tablepress td.column-1 {
  font-family: "BBVA-Medium" !important;
}

/* A partir de 768px hacia abajo (móvil) */
@media (max-width: 768px) {
  .table-responsive {
    border: none !important;
  }
  /* 1) Convertimos la tabla en bloque con scroll horizontal */
  table.tablepress {
    display: block;
    overflow-x: auto !important; /* scroll horizontal cuando no quepan todas las columnas */
    white-space: nowrap; /* evita que las celdas se partan en varias líneas */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  /* 2) Permitimos que la tabla crezca más allá del ancho del contenedor */
  table.tablepress thead,
  table.tablepress tbody,
  table.tablepress th,
  table.tablepress td,
  table.tablepress tr {
    width: auto; /* no forzar 100%: la anchura real vendrá dada por las celdas */
    table-layout: auto; /* permite que cada columna ajuste su ancho según contenido */
    white-space: break-spaces !important;
    border-bottom: 1px solid #D3D3D3 !important;
    height: auto !important; /* para que no se aplasten las filas */
  }
  /* 3) Fijamos la primera columna en su posición (sticky) */
  table.tablepress th.column-1,
  table.tablepress td.column-1 { /* compat con Safari antiguo */
    position: sticky; /* sticky nativo */
    left: 0; /* pegado al borde izquierdo del contenedor scrollable */
    background: #fff; /* fondo blanco (o el color de fondo de la tabla) para que no se vea transparente */
    z-index: 999; /* para que quede por encima del resto de celdas cuando haya scroll */
  }
  table.tablepress th.column-1::before,
  table.tablepress td.column-1::before {
    content: "";
    height: 100%;
    width: 1px;
    background: #D3D3D3;
    position: absolute;
    right: 0;
    top: 0;
  }
  /* 4) Elevamos aún más el z-index del <th> de la columna 1 (encabezado) */
  table.tablepress thead th.column-1 {
    z-index: 3; /* que quede por encima incluso de las celdas <td> */
  }
  /* 5) Opcional: trazo divisorio entre columna fija y resto */
  /*table.tablepress  th.column-1,
  table.tablepress  td.column-1 {
    border-right: 1px solid #ddd;
  }*/
}
table .tablepress.fixed-column {
  display: none !important;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* ======= FORMULARIOS ======= */
/*  TODO: Cambio .group por .form-group */
/* Format INPUTS ------------------------------- */
.form-group {
  width: initial;
  position: relative;
  margin-bottom: 30px;
  /*  Format LABEL ======================================= */
  /* active state */
  /* TODO: Cambio sistema de activación: gravity forms */
}
.form-group.inline {
  display: inline-block;
}
.form-group input[type=text], .form-group input[type=email], .form-group select {
  font-family: "BBVA-Book";
  line-height: 14px;
  background-color: #F4F4F4;
  padding: 15px 5px 0 20px;
  display: block;
  /*min-width: 260px;*/
  border: none;
  color: #121212;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 50px;
  z-index: 1;
  font-size: 0.9333333333em;
  border-radius: 1px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media (min-width: 769px) {
  .form-group input[type=text], .form-group input[type=email], .form-group select {
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px;
    font-size: 1.0666666667em;
  }
}
.form-group input[type=text].error, .form-group input[type=email].error, .form-group select.error {
  background-color: #F8D7DC;
  background-image: url("../assets/alert-ico.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 20px;
  position: relative;
}
.form-group input[type=text].error label, .form-group input[type=email].error label, .form-group select.error label {
  color: #121212;
}
.form-group textarea {
  background-color: #F4F4F4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  min-height: 250px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 1px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media (min-width: 769px) {
  .form-group textarea {
    line-height: 16px;
    padding: 30px 10px 0 20px;
    font-size: 1.0666666667em;
  }
}
.form-group textarea.error {
  background-color: #F8D7DC;
  background-image: url("../assets/alert-ico.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 20px;
  background-size: 20px;
  position: relative;
}
.form-group textarea.error label {
  color: #121212;
}
.form-group input:focus, .form-group textarea:focus {
  outline: none;
  /* TODO: Añado estilos para pisar los estilos .form-control del framework */
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-group label:not(.error) {
  font: 16px/16px "BBVA-Book";
  color: #BDBDBD;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 18px;
  left: 20px;
  z-index: 5;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  font-size: 12px;
  color: #666666;
}
@media (min-width: 769px) {
  .form-group label:not(.error) {
    top: 23px;
  }
}
.form-group label:not(.error).active {
  top: 7px;
}
@media (min-width: 769px) {
  .form-group label:not(.error).active {
    top: 12px;
  }
}
.form-group.active label:not(.error), .form-group.valid label:not(.error) {
  top: 7px;
  font-size: 12px;
  color: #666666;
}
@media (min-width: 769px) {
  .form-group.active label:not(.error), .form-group.valid label:not(.error) {
    top: 12px;
  }
}
.form-group input[type=submit], .form-group input[type=button] {
  font-family: "BBVA-Bold";
  display: inline-block;
  color: #FFFFFF;
  max-width: 160px;
  text-align: center;
  border-radius: 6px;
}

.bbvaComments-div-captcha input[type=text], .wp_form_wrapper_captcha input[type=text] {
  outline: none;
  font-family: "BBVA-Book";
  line-height: 14px;
  background-color: #F4F4F4;
  padding: 5px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 50px;
  margin-bottom: 30px;
  border-radius: 1px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  font-size: 0.9333333333em;
}
@media (min-width: 769px) {
  .bbvaComments-div-captcha input[type=text], .wp_form_wrapper_captcha input[type=text] {
    line-height: 16px;
    padding: 5px 10px 0 20px;
    height: 60px;
    font-size: 1.0666666667em;
  }
}
.bbvaComments-div-captcha .wp_form_new_captcha, .wp_form_wrapper_captcha .wp_form_new_captcha {
  width: 20px;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 13px;
}

.form-footer .text-left a.link {
  line-height: 40px;
}
@media (min-width: 769px) {
  .form-footer .text-left a.link {
    line-height: 60px;
  }
}

#rc-imageselect,
.ginput_recaptcha {
  -webkit-transform: scale(0.868, 0.77);
  -ms-transform: scale(0.868, 0.77);
  transform: scale(0.868, 0.77);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.switch-field > label {
  display: none;
}
.switch-field .gfield_radio {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  .switch-field .gfield_radio {
    margin-bottom: 30px;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.switch-field .gfield_radio input {
  display: none;
}
.switch-field .gfield_radio input:checked + label {
  background-color: #004481;
  color: #FFFFFF;
}
.switch-field .gfield_radio label {
  text-align: center;
  display: table-cell;
  float: left;
  width: 50%;
  vertical-align: middle;
  border: 1px solid #FFFFFF;
  background-color: #F4F4F4;
  color: #004481;
  line-height: 70px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border-radius: 1px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media (min-width: 769px) {
  .switch-field .gfield_radio label {
    text-align: center;
    border: 0;
    width: 136px;
    padding: 23px 15px;
    min-height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: initial;
  }
}
.switch-field .gfield_radio label span {
  font: 16px/20px "BBVA-Book";
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  width: 100%;
  vertical-align: middle;
}
.switch-field .gfield_radio label:hover {
  cursor: pointer !important;
}

@media (max-width: 768px) {
  .gfield_checkbox.data {
    margin-bottom: 19px;
  }
  .gfield_checkbox.lang {
    margin-bottom: 64px;
  }
}
.gfield_checkbox input[type=checkbox] {
  display: none;
  opacity: 0;
}
.gfield_checkbox input[type=checkbox] + label {
  font-family: "BBVA-Book";
  padding-left: 35px;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  display: block;
  font-size: 0.8666666667em;
}
@media (min-width: 769px) {
  .gfield_checkbox input[type=checkbox] + label {
    font-family: "BBVA-Medium";
    padding-left: 35px;
    line-height: 21px;
    margin-top: 33px;
    vertical-align: middle;
    font-size: 1em;
  }
}
.gfield_checkbox input[type=checkbox] + label:last-child {
  margin-bottom: 0;
}
.gfield_checkbox input[type=checkbox] + label::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -3px;
  width: 25px;
  height: 25px;
  display: block;
  background: #F4F4F4;
  border-radius: 1px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
.gfield_checkbox input[type=checkbox] + label::after {
  content: "\e95c";
  position: absolute;
  left: 0px;
  top: -2px;
  width: 14px;
  height: 22px;
  display: block;
  z-index: 1;
  font-family: "bbva_icons";
  color: #004481;
  font-size: 25px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.gfield_checkbox input[type=checkbox]:checked + label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.gfield_checkbox.small {
  margin-bottom: 20px;
  display: inline-block;
}
@media (min-width: 769px) {
  .gfield_checkbox.small {
    margin-bottom: 44px;
  }
}
.gfield_checkbox.small input[type=checkbox] + label {
  font-family: "BBVA-Book";
  color: #121212;
  font-size: 13px;
  line-height: 18px;
}
.gfield_checkbox.small input[type=checkbox] + label a {
  font-family: "BBVA-Medium";
}
@media (min-width: 769px) {
  .gfield_checkbox.small input[type=checkbox] + label {
    color: #666666;
    font-size: 15px;
    line-height: 23px;
  }
}
.gfield_checkbox.small input[type=checkbox] + label::before {
  background-color: #FFFFFF;
  border: 1px solid #D3D3D3;
}
.gfield_checkbox.small input[type=checkbox] + label::after {
  top: -3;
}
@media (max-width: 768px) {
  .gfield_checkbox.small input[type=checkbox] + label::after {
    left: 0;
    top: 0;
  }
}

/* STEP #1 - Login ------------------------------- */
section.login {
  padding-top: 37px;
  padding-bottom: 47px;
}
@media (min-width: 769px) {
  section.login {
    padding-top: 47px;
    padding-bottom: 80px;
  }
}
section.login .title34 {
  margin-bottom: 11px;
}
@media (min-width: 769px) {
  section.login .title34 {
    margin-bottom: 24px;
  }
}
section.login form {
  margin-top: 23px;
  display: block;
}
@media (min-width: 769px) {
  section.login form {
    margin-top: 40px;
  }
}
section.login .button-inline li {
  margin-left: 13px;
}
section.login .button-inline li:first-child {
  margin-left: 0;
}
section.login .form-group {
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  section.login .form-group {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  section.login .form-footer {
    margin-top: 25px;
    text-align: center !important;
  }
}
section.login .form-footer .submit-block {
  text-align: center;
}
@media (max-width: 768px) {
  section.login .form-footer .submit-block {
    margin-bottom: 17px;
  }
}
@media (min-width: 769px) {
  section.login .form-footer .submit-block {
    text-align: right;
  }
}
section.login .form-footer .reg-block {
  text-align: center;
}
@media (max-width: 768px) {
  section.login .form-footer .reg-block {
    margin-top: 32px;
    font-size: 13px;
  }
  section.login .form-footer .reg-block .link {
    font-size: 13px;
  }
}
@media (min-width: 769px) {
  section.login .form-footer .reg-block {
    text-align: right;
    margin-top: 18px;
  }
}

@media (min-width: 769px) {
  section.register, section.update_user {
    padding-top: 32px;
  }
  section.register .switch-field, section.update_user .switch-field {
    margin-bottom: 30px;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  section.register .select-field input[type=checkbox] + label, section.update_user .select-field input[type=checkbox] + label {
    font-size: 1em;
    font-family: "BBVA-Medium";
    padding-left: 35px;
    line-height: 21px;
    margin-top: 33px;
    vertical-align: middle;
  }
  section.register .group input, section.update_user .group input {
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px;
  }
  section.register .form-group input[type=password], section.update_user .form-group input[type=password] {
    font-size: 1.06667em;
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px;
  }
}
section.register .form-group, section.update_user .form-group {
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  section.register .form-group, section.update_user .form-group {
    margin-bottom: 30px;
  }
}
section.register .section-form, section.update_user .section-form {
  font-family: "BBVA-Medium";
  color: #121212;
  line-height: 23px;
  margin-bottom: 13px;
  font-size: 1em;
}
@media (min-width: 769px) {
  section.register .section-form, section.update_user .section-form {
    font-family: "BBVA-Book";
    line-height: 29px;
    margin-bottom: 16px;
    font-size: 1.4666666667em;
  }
}
section.register .half, section.register .gfield_checkbox > li, section.update_user .half, section.update_user .gfield_checkbox > li {
  vertical-align: top;
  display: inline-block;
  width: 50%;
}
section.register .half:nth-child(odd), section.register .gfield_checkbox > li:nth-child(odd), section.update_user .half:nth-child(odd), section.update_user .gfield_checkbox > li:nth-child(odd) {
  padding-left: 15px;
  padding-right: 0;
}
section.register .half:nth-child(even), section.register .gfield_checkbox > li:nth-child(even), section.update_user .half:nth-child(even), section.update_user .gfield_checkbox > li:nth-child(even) {
  padding-left: 0;
  padding-right: 15px;
}
section.register .terms .gfield_checkbox > li, section.update_user .terms .gfield_checkbox > li {
  width: 100%;
}
section.register .terms .gfield_checkbox > li:nth-child(odd), section.update_user .terms .gfield_checkbox > li:nth-child(odd) {
  padding-left: 0;
}
section.register .terms .gfield_checkbox > li:nth-child(even), section.update_user .terms .gfield_checkbox > li:nth-child(even) {
  padding-right: 0;
}
section.register .block-form, section.update_user .block-form {
  margin-top: 13px;
}
section.register .block-form .gsection_title, section.update_user .block-form .gsection_title {
  margin-bottom: 13px;
  font-size: 22px;
}
@media (min-width: 769px) {
  section.register .block-form .gsection_title, section.update_user .block-form .gsection_title {
    margin-bottom: 16px;
  }
}
section.register .block-form.m0 .gsection_title, section.update_user .block-form.m0 .gsection_title {
  margin-bottom: 0px;
}
@media (min-width: 769px) {
  section.register .block-form.m0 .gsection_title, section.update_user .block-form.m0 .gsection_title {
    margin-bottom: 0px;
  }
}
section.register .block-form:first-of-type, section.update_user .block-form:first-of-type {
  margin-top: 0;
}
@media (min-width: 769px) {
  section.register .block-form, section.update_user .block-form {
    margin-top: 42px;
  }
  section.register .block-form:last-child, section.update_user .block-form:last-child {
    margin-bottom: 0 !important;
  }
}
section.register .switch-field, section.update_user .switch-field {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
section.register .switch-field input, section.update_user .switch-field input {
  display: none;
}
section.register .switch-field input:checked + label, section.update_user .switch-field input:checked + label {
  background-color: #004481;
  color: #FFFFFF;
}
section.register .switch-field label, section.update_user .switch-field label {
  display: table-cell;
  float: left;
  width: 50%;
  vertical-align: middle;
  border: 1px solid #FFFFFF;
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #F4F4F4;
  color: #004481;
  line-height: 70px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
@media (min-width: 769px) {
  section.register .switch-field label, section.update_user .switch-field label {
    border: 0;
    width: 25%;
    padding: 23px 15px;
    min-height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 40px;
  }
}
section.register .switch-field label span, section.update_user .switch-field label span {
  font: 16px/20px "BBVA-Book";
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  width: 100%;
  vertical-align: middle;
}
section.register .group input, section.update_user .group input {
  font-family: "BBVA-Book";
  font-size: 0.93333em;
  line-height: 14px;
  background-color: #F4F4F4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  border-radius: 1px;
  background-clip: padding-box;
  height: 50px;
}
section.register .group label, section.update_user .group label {
  color: #BDBDBD;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 18px;
  left: 20px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
section.register .select-field input[type=checkbox], section.update_user .select-field input[type=checkbox] {
  opacity: 0;
  display: none;
}
section.register .select-field input[type=checkbox]:checked + label::after, section.update_user .select-field input[type=checkbox]:checked + label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
section.register .select-field input[type=checkbox] + label, section.update_user .select-field input[type=checkbox] + label {
  font-size: 0.86667em;
  font-family: "BBVA-Book";
  padding-left: 35px;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  display: block;
}
section.register .select-field input[type=checkbox] + label::before, section.update_user .select-field input[type=checkbox] + label::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -3px;
  width: 25px;
  height: 25px;
  display: block;
  background: #F4F4F4;
  border-radius: 1px;
  background-clip: padding-box;
}
section.register .select-field input[type=checkbox] + label::after, section.update_user .select-field input[type=checkbox] + label::after {
  content: "\e95c";
  position: absolute;
  left: 0px;
  top: -2px;
  width: 14px;
  height: 22px;
  display: block;
  z-index: 1;
  font-family: "bbva_icons";
  color: #004481;
  font-size: 25px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
section.register .form-group input[type=password], section.update_user .form-group input[type=password] {
  font-family: "BBVA-Book";
  font-size: 0.93333em;
  line-height: 14px;
  background-color: #F4F4F4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 1px;
  background-clip: padding-box;
  height: 50px;
  z-index: 1;
}

form#wp_auth_form_login ::-webkit-input-placeholder, form#wp_auth_form_remember ::-webkit-input-placeholder, form#wp_auth_form_reset ::-webkit-input-placeholder { /* WebKit browsers */
  color: transparent;
}
form#wp_auth_form_login :-moz-placeholder, form#wp_auth_form_remember :-moz-placeholder, form#wp_auth_form_reset :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: transparent;
}
form#wp_auth_form_login ::-moz-placeholder, form#wp_auth_form_remember ::-moz-placeholder, form#wp_auth_form_reset ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: transparent;
}
form#wp_auth_form_login :-ms-input-placeholder, form#wp_auth_form_remember :-ms-input-placeholder, form#wp_auth_form_reset :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: transparent;
}
@media (min-width: 769px) {
  form#wp_auth_form_login .form-group input[type=text], form#wp_auth_form_login .form-group input[type=email], form#wp_auth_form_remember .form-group input[type=text], form#wp_auth_form_remember .form-group input[type=email], form#wp_auth_form_reset .form-group input[type=text], form#wp_auth_form_reset .form-group input[type=email] {
    font-size: 16px;
    font-size: 1.06667em;
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px;
  }
}
form#wp_auth_form_login .form-group input[type=password], form#wp_auth_form_remember .form-group input[type=password], form#wp_auth_form_reset .form-group input[type=password] {
  font-family: "BBVA-Book";
  font-size: 14px;
  font-size: 0.93333em;
  line-height: 14px;
  background-color: #F4F4F4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 1px;
  background-clip: padding-box;
  height: 50px;
  z-index: 1;
}
@media (min-width: 769px) {
  form#wp_auth_form_login .wp_submit_button, form#wp_auth_form_remember .wp_submit_button, form#wp_auth_form_reset .wp_submit_button {
    max-width: 170px;
    height: 60px;
  }
}
form#wp_auth_form_login .wp_submit_button, form#wp_auth_form_remember .wp_submit_button, form#wp_auth_form_reset .wp_submit_button {
  background-color: #001391;
  max-width: 170px;
  width: 100%;
  height: 50px;
  font-size: 13px;
  font-family: "BBVA-Bold";
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  border: none;
  border-radius: 6px;
}
form#wp_auth_form_login .wp_submit_button:hover, form#wp_auth_form_remember .wp_submit_button:hover, form#wp_auth_form_reset .wp_submit_button:hover {
  background-color: #070E46;
}
form#wp_auth_form_login .form-group, form#wp_auth_form_remember .form-group, form#wp_auth_form_reset .form-group {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
form#wp_auth_form_login .form-group a, form#wp_auth_form_remember .form-group a, form#wp_auth_form_reset .form-group a {
  margin-right: 20px;
}
form#wp_auth_form_login #wp_login_remember_me, form#wp_auth_form_login label[for=wp_login_remember_me], form#wp_auth_form_remember #wp_login_remember_me, form#wp_auth_form_remember label[for=wp_login_remember_me], form#wp_auth_form_reset #wp_login_remember_me, form#wp_auth_form_reset label[for=wp_login_remember_me] {
  display: none;
}

.combo-filter {
  margin-top: 20px;
}
.combo-filter select {
  height: 54px;
  width: 100%;
  padding: 0 0 0 20px;
  border: none;
  font: 1.1em "BBVA-Book";
  color: #121212;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: url("../assets/down-ico.svg") 95% 50% no-repeat #FFFFFF;
  background-size: 10px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #070E46;
  color: #070E46;
  border-radius: 8px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media (min-width: 769px) {
  .combo-filter select {
    background: url("../assets/down-ico.svg") 95% 50% no-repeat #FFFFFF;
  }
}
.combo-filter select:focus {
  outline: none;
}
.combo-filter.grey select {
  background: url("../assets/down-ico.svg") 96% 50% no-repeat #F4F4F4;
  background-size: 10px;
}
@media (min-width: 769px) {
  .combo-filter.grey select {
    background: url("../assets/down-ico.svg") 90% 50% no-repeat #F4F4F4;
  }
}
@media (max-width: 768px) {
  .combo-filter.docs {
    margin-top: 37px !important;
  }
}

/* TODO: Fixes varios GRAVITY */
.terms {
  margin-bottom: 23px;
}

.gform_footer.top_label, .captcha label.gfield_label, .data .gfield_label, .terms .gfield_label {
  display: none;
}

.gform_confirmation_wrapper + .form-footer {
  display: none;
}

/* ==== VALIDACIÓN FORMULARIO ==== */
label.error {
  position: absolute;
  font-size: 12px;
  padding-left: 20px;
  color: #121212;
}

div.msgError {
  display: none;
  background-color: #F8D7DC;
  color: #121212;
  position: relative;
}
@media (max-width: 768px) {
  div.msgError {
    padding: 13px 20px 20px 20px;
  }
}
@media (min-width: 769px) {
  div.msgError {
    padding: 22px 25px 22px 75px;
  }
  div.msgError:before {
    position: absolute;
    left: 25px;
    top: 25px;
  }
}
div.msgError:before {
  content: " ";
  font-size: 30px;
  font-family: bbva_icons;
  display: block;
  margin-bottom: 8px;
  color: #f35E61;
  background-image: url(../assets/alert-ico.svg);
  width: 20px;
  height: 20px;
}

div.msgSuccess {
  display: none;
  background-color: #D9EFE0;
  color: #121212;
  position: relative;
  padding: 22px 15px 22px 65px;
}
@media (max-width: 768px) {
  div.msgSuccess {
    padding: 13px 20px 20px 20px;
  }
}
@media (min-width: 769px) {
  div.msgSuccess {
    padding: 22px 25px 22px 75px;
  }
  div.msgSuccess:before {
    position: absolute;
    left: 25px;
    top: 25px;
  }
}
div.msgSuccess:before {
  content: "\e95c";
  font-size: 30px;
  font-family: bbva_icons;
  display: block;
  margin-bottom: 8px;
  color: #48AE64;
}

.white_form {
  background: #FFF;
  padding: 50px 50px 10px 50px;
  border-radius: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}
.white_form .form-group {
  width: 100% !important;
}
@media (max-width: 480px) {
  .white_form {
    padding: 30px 20px 10px 20px;
  }
  .white_form input[type=password] {
    min-width: 0 !important;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.data-event i {
  font-size: 18px;
  color: #BDBDBD;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-bottom: 1px;
}
.data-event span {
  color: #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 20px;
  font-size: 0.8666666667em;
}
@media (min-width: 769px) {
  .data-event span {
    margin-right: 35px;
    vertical-align: baseline;
    font-size: 0.9333333333em;
  }
}
.data-event span:last-child {
  margin-right: 0;
}

/* ------ CALENDARIO ------- */
section.calendar .item-event {
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
  background-color: #FFFFFF;
  padding: 0 15px;
  border-radius: 15px;
  overflow: hidden;
  /*&:last-child {
    margin-bottom: 0;
  }*/
}
section.calendar .item-event .image {
  position: relative;
}
section.calendar .item-event .image img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 200px;
  width: 100%;
}
@media (min-width: 769px) {
  section.calendar .item-event .image img {
    height: 260px;
  }
}
section.calendar .item-event .image .overlay.dark {
  background-color: #072146;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0.25;
}
section.calendar .item-event .image .highlight {
  display: none;
}
@media (min-width: 769px) {
  section.calendar .item-event .image .highlight {
    display: block;
    font-family: "tiemposBold";
    line-height: 40px;
    letter-spacing: 1.1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 65px;
    color: #FFFFFF;
    text-align: center;
    font-size: 2.3333333333em;
  }
}
section.calendar .item-event .data-event {
  margin-bottom: 11px;
}
section.calendar .item-event .data-event i {
  color: #BDBDBD;
}
section.calendar .item-event .data-event span {
  color: #121212;
}
@media (min-width: 769px) {
  section.calendar .item-event .data-event {
    margin-bottom: 22px;
  }
}
section.calendar .item-event .card-content {
  padding: 20px 20px 24px 20px;
  /*.button-inline {
    @media (min-width: 769px) {
      position: absolute;
      bottom: 22px;
    }
  }*/
}
@media (min-width: 769px) {
  section.calendar .item-event .card-content {
    padding: 24px 30px 10px;
    height: 260px;
  }
}
section.calendar .item-event .card-content .title26 {
  margin-bottom: 13px;
}
@media (min-width: 769px) {
  section.calendar .item-event .card-content .title26 {
    display: none;
  }
}
section.calendar .item-event .card-content .abstract {
  margin-bottom: 11px;
}
section.calendar .item-event .card-content .abstract span {
  display: none;
}
@media (min-width: 769px) {
  section.calendar .item-event .card-content .abstract span {
    font: 14px/22px BBVA-Medium;
    color: #BDBDBD;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 12px;
  }
}

/*------ EVENTO DETAIL -------*/
section.hero.event .content {
  text-align: center;
  height: 180px;
}
@media (max-width: 768px) {
  section.hero.event .data-event, section.hero.event .cta-primary {
    display: none;
  }
}
@media (min-width: 769px) {
  section.hero.event .content {
    height: 450px;
  }
  section.hero.event .data-event {
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  section.hero.event .data-event i {
    color: #FFFFFF;
  }
  section.hero.event .data-event span {
    color: #FFFFFF;
  }
  section.hero.event .cta-primary {
    margin-top: 24px;
    cursor: pointer;
  }
}

section.event-detail {
  padding: 27px 0 53px 0;
}
section.event-detail .info-event {
  margin-bottom: 34px;
}
section.event-detail .info-event .data-event {
  margin-bottom: 23px;
}
section.event-detail .title34 {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  section.event-detail .info-event .cta-primary {
    cursor: pointer;
  }
  section.event-detail .info-event *[data-htooltip].big .htooltip {
    top: -45px;
    left: -60px !important;
  }
}
@media (min-width: 769px) {
  section.event-detail {
    padding: 27px 0 73px 0;
  }
  section.event-detail .info-event {
    display: none;
  }
  section.event-detail .title34 {
    margin-bottom: 20px;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
section.pre-footer {
  padding: 12px 0;
}
@media (min-width: 769px) {
  section.pre-footer {
    padding: 63px 0;
  }
}
section.pre-footer .xs-title {
  font-family: "BBVA-Medium";
  color: #121212;
  line-height: 18px;
  margin-top: -1px;
  font-size: 0.8666666667em;
}
@media (min-width: 769px) {
  section.pre-footer .xs-title {
    line-height: 23px;
    margin-bottom: 20px;
    font-size: 1em;
  }
}
@media (max-width: 768px) {
  section.pre-footer .xs-title {
    cursor: pointer;
    padding: 19px 0;
    display: block;
    border-top: 1px solid #E9E9E9;
    clear: both;
  }
  section.pre-footer .xs-title:after {
    content: "\e9ae";
    font-family: "bbva_icons";
    font-size: 22px;
    margin-right: 15px;
    color: #2a86ca;
    vertical-align: top;
    float: right;
  }
  section.pre-footer .xs-title.active:after {
    content: "\e968";
  }
}
section.pre-footer .col-md-3:first-of-type .xs-title {
  border-top: 0;
}
@media (max-width: 768px) {
  section.pre-footer .secondary-nav {
    clear: both;
    position: relative;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height linear 0.3s;
    transition: max-height linear 0.3s;
  }
  section.pre-footer .secondary-nav ul {
    padding: 30px 0 13px;
    display: inline-block;
  }
  section.pre-footer .secondary-nav ul li {
    margin-bottom: 12px;
    width: 50%;
    float: left;
  }
  section.pre-footer .secondary-nav ul li:nth-child(even) {
    padding-left: 15px;
  }
  section.pre-footer .secondary-nav.collapse-in {
    height: 100%;
    max-height: 245px;
    background-color: inherit;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
  }
  section.pre-footer .secondary-nav.collapse-in:after, section.pre-footer .secondary-nav.collapse-in:before {
    content: "";
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 5px;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
    box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
  }
  section.pre-footer .secondary-nav.collapse-in:after {
    bottom: -6px;
  }
  section.pre-footer .secondary-nav.collapse-in:before {
    top: -10px;
  }
}

footer#footer {
  background-color: #001391;
  padding-top: 32px;
  width: calc(100% - 48px);
  margin: 20px auto 24px;
  border-radius: 10px;
}
footer#footer .container {
  max-width: 1170px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 15px;
  padding-left: 15px;
}
footer#footer .container .brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  footer#footer .container .brand {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
footer#footer .container .brand .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 0;
}
footer#footer .container .brand .navbar-brand img {
  height: 31px;
}
@media (max-width: 768px) {
  footer#footer .container .brand .navbar-brand img {
    height: 36px;
  }
}
footer#footer .container #footer_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  footer#footer .container #footer_menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 6px;
  }
}
footer#footer .container #footer_menu p {
  margin: 0;
  font-size: 1.5em;
  line-height: 1em;
  font-family: "tiemposMedium";
  color: #FFFFFF;
  padding: 0;
}
@media (max-width: 768px) {
  footer#footer .container #footer_menu p {
    margin: 8px auto 0;
  }
}
footer#footer .container #footer_menu ul {
  margin: 0;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 768px) {
  footer#footer .container #footer_menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 16px auto 0;
  }
}
footer#footer .container #footer_menu ul a {
  font-family: "BBVA-Book";
  font-weight: bold;
  color: #5BBEFF;
  letter-spacing: 0.4px;
  font-size: 0.68em;
  line-height: 1em;
  padding: 0 23.6px 0 0;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
@media (max-width: 768px) {
  footer#footer .container #footer_menu ul a {
    padding: 0;
    margin-bottom: 4px;
  }
}
footer#footer .container #footer_menu ul a:hover {
  color: #FFF;
}
footer#footer .container #rrss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
footer#footer .container #rrss ul {
  display: block;
}
@media (max-width: 768px) {
  footer#footer .container #rrss ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 10px auto 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
footer#footer .container #rrss ul a {
  color: #5BBEFF;
  padding: 0 0 0 11px;
  font-size: 1em;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
@media (max-width: 768px) {
  footer#footer .container #rrss ul a {
    padding: 0 5px;
  }
}
footer#footer .container #rrss ul a:hover {
  color: #FFF;
}
footer#footer .container #copyfooter {
  margin: 20px 0 28px;
  color: #5BBEFF;
  font-size: 0.88em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #FFF;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  footer#footer .container #copyfooter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: center;
  }
}
footer#footer .container #copyfooter a {
  color: #5BBEFF;
  font-size: 0.7em;
  font-weight: bold;
  letter-spacing: 0.4px;
  padding: 0;
}
footer#footer .copy-m {
  font-family: "BBVA-Book";
  font-size: 12px;
  color: #BDBDBD;
  text-align: center;
}
@media (min-width: 769px) {
  footer#footer .copyright {
    font-family: "BBVA-Book";
    font-size: 12px;
    color: #BDBDBD;
    margin-top: 10px;
    margin-bottom: 88px;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.pre-footerwhite {
  background: #FFF;
}

.pre-footergrey,
.pre-footerwhite {
  padding-top: 70px;
  padding-bottom: 36px;
  width: calc(100% - 48px);
  margin: 20px auto 30px;
  border-radius: 10px;
  background: #FFF;
}
.pre-footergrey .container,
.pre-footerwhite .container {
  font-size: 1em;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
}
.pre-footergrey .container .col-md-3,
.pre-footerwhite .container .col-md-3 {
  padding-right: 0;
}
.pre-footergrey .container h4,
.pre-footerwhite .container h4 {
  font-size: 1.2em;
  color: #070E46;
  margin-bottom: 20px;
  padding: 0;
  font-family: "BBVA-Medium";
  letter-spacing: 0.1px;
}
@media (max-width: 769px) {
  .pre-footergrey .container h4,
  .pre-footerwhite .container h4 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.pre-footergrey .container .secondary-nav ul li,
.pre-footerwhite .container .secondary-nav ul li {
  margin-bottom: 14.5px;
  letter-spacing: -0.5px;
  -webkit-transition: all 0.3s 300ms;
  transition: all 0.3s 300ms;
}
@media (max-width: 769px) {
  .pre-footergrey .container .secondary-nav ul li,
  .pre-footerwhite .container .secondary-nav ul li {
    margin-bottom: 10px;
  }
}
.pre-footergrey .container .secondary-nav ul li a,
.pre-footerwhite .container .secondary-nav ul li a {
  -webkit-transition: all 0.3s 300ms;
  transition: all 0.3s 300ms;
  /*    color:$BBVA_electric_blue;
      &:hover{
          color:$BBVA_navy;
      }*/
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
@media (min-width: 1024px) {
  .organigram {
    max-width: 1140px;
    margin: 0 auto;
  }
  .organigram.mobile {
    display: block;
  }
  .organigram.mobile #executive .info {
    max-width: 240px;
  }
  .organigram.mobile #executive:before {
    content: "";
    width: 125px;
    height: 1px;
    background: #D3D3D3;
    position: absolute;
    top: 50%;
    left: auto;
    right: -125px;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  .organigram.mobile #executive:before {
    width: 150px;
    right: -150px;
  }
}
@media (min-width: 1024px) {
  .organigram.mobile #executive:after {
    content: "";
    width: 1px;
    position: absolute;
    height: 30px;
    background: #D3D3D3;
    left: 50%;
  }
  .organigram.mobile .subdpto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 25px;
    /* padding-bottom: 80px;*/
    margin-top: 3em;
    position: relative;
  }
  .organigram.mobile .subdpto:before {
    width: 430px;
    content: "";
    position: absolute;
    height: 1px;
    background: #D3D3D3;
    top: -15px;
    left: 16px;
  }
}
@media (min-width: 1024px) {
  .organigram.mobile .departamento__item {
    width: 19%;
    position: relative;
    margin-left: 0.5% !important;
    margin-right: 0.5% !important;
  }
  .organigram.mobile .departamento__item:after {
    content: "";
    width: 1px;
    position: absolute;
    top: -40px;
    height: 35px;
    background: #D3D3D3;
    left: 50%;
  }
  .organigram.mobile .departamento__item:last-of-type:after {
    top: -370px;
    height: 365px;
  }
  .organigram.mobile .departamento__item .name-dpto {
    padding: 0 10px;
    font: 16px/29px "BBVA-Book";
    color: #121212;
    margin-bottom: 23px;
    text-align: center;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .organigram.mobile .departamento__item .name-dpto {
    pointer-events: none;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  .organigram.mobile .departamento__item .name-dpto {
    font: 22px/29px "BBVA-Book";
    pointer-events: none;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .organigram.mobile .departamento__item .name-dpto {
    pointer-events: none;
  }
}
@media (min-width: 1024px) {
  .organigram.mobile .departamento__item .name-dpto:after {
    display: none;
  }
  .organigram.mobile .departamento__item .column {
    display: block;
    visibility: visible;
    height: auto !important;
  }
  .organigram.mobile .departamento__item .column:before {
    display: none;
  }
  .organigram.mobile .departamento__item .column .dpto {
    padding: 0;
    margin: 0 15px;
  }
  .organigram.mobile .departamento__item .profile-card.landscape {
    text-align: center;
    max-width: 300px;
  }
  .organigram.mobile .departamento__item .profile-card.landscape .info {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px;
  }
  .organigram.mobile .departamento__item .profile-card.landscape .info .name {
    margin-bottom: 8px;
    text-align: center;
  }
  .organigram.mobile .departamento__item .profile-card.landscape .info .position {
    margin-bottom: 36px;
  }
  .organigram.mobile .departamento__item .profile-card.landscape:last-child:after {
    display: none;
  }
  .organigram.mobile .departamento__item .profile-card.landscape .profile-card .name {
    text-align: center;
  }
  .organigram.mobile .departamento__item .profile-card.landscape .link {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 23px;
  }
}
@media (min-width: 769px) {
  .dpto .profile-card.landscape .info {
    margin-left: 0;
  }
  .organigrama .alert-box {
    padding: 22px 25px 22px 60px;
  }
}
@media (max-width: 1023px) {
  .departamento__item:first-of-type .name-dpto {
    border-top: 0;
  }
  .departamento__item .name-dpto {
    font: 13px/18px "BBVA-Medium";
    color: #121212;
    margin-top: -1px;
    cursor: pointer;
    padding: 19px 0;
    display: block;
    border-top: 1px solid #E9E9E9;
    clear: both;
  }
  .departamento__item .name-dpto:after {
    content: "\e9ae";
    font-family: "bbva_icons";
    font-size: 22px;
    margin-right: 15px;
    color: #2a86ca;
    vertical-align: top;
    float: right;
  }
  .departamento__item .name-dpto.active:after {
    content: "\e968";
  }
  .departamento__item .column {
    display: none;
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
  }
  .departamento__item .column:after, .departamento__item .column:before {
    content: "";
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 5px;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
    box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset;
  }
  .departamento__item .column:after {
    bottom: -6px;
  }
  .departamento__item .column:before {
    top: -10px;
  }
}
.organigram.mobile .departamento__item:nth-child(3):before {
  left: 50px !important;
  width: 610px !important;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
*[data-htooltip] {
  position: relative;
}
*[data-htooltip].link {
  cursor: pointer;
  font-family: "BBVA-Medium";
  color: #001391;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  font-size: 0.8666666667em;
}
@media (min-width: 768px) {
  *[data-htooltip].link {
    font-size: 1em;
    line-height: 23px;
  }
}
*[data-htooltip].link:hover {
  color: #070E46;
}
*[data-htooltip] .htooltip {
  opacity: 0;
  visibility: hidden;
  top: -49px;
  left: 0 !important;
  padding: 5px;
  position: absolute;
  width: 230px;
  background: #F4F4F4;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
*[data-htooltip] .htooltip a {
  margin: 0 10px;
  font-size: 10px;
  cursor: pointer;
}
*[data-htooltip] .htooltip :after {
  content: "";
  z-index: 200;
  position: absolute;
  border-left: 1px solid #E9E9E9;
  border-top: 1px solid #E9E9E9;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: #F4F4F4;
  width: 12px;
  height: 12px;
  left: 15px;
  top: 30px;
}
*[data-htooltip].active .htooltip {
  visibility: visible;
  opacity: 1;
  top: -49px;
}
*[data-htooltip].big {
  display: inline-block;
  margin-bottom: -20px;
}
*[data-htooltip].big .htooltip {
  top: -23px;
  left: -20px !important;
}
*[data-htooltip].big .htooltip :after {
  left: initial;
  right: 15px;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
section.interest .card .microilust {
  margin-bottom: 10px;
  cursor: pointer;
}
section.interest .card .microilust .icon {
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  section.interest .card .microilust .icon {
    margin-bottom: 30px;
  }
}

.icon-wrap {
  position: relative;
  height: 100px;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .icon-wrap {
    height: 170px;
    width: 170px;
  }
}

.icon-animation {
  height: 120px;
}
@media (min-width: 769px) {
  .icon-animation {
    height: 195px;
    overflow: hidden;
  }
}

#calendar-animation .icon-wrap {
  background: #68cccc;
}
#calendar-animation .icon-wrap #calendar-icon {
  height: 90px;
  width: 70px;
  top: 20px;
  background: #fafafa;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 0 0 #BDBDBD;
  box-shadow: 0 2px 0 0 #BDBDBD;
}
@media (min-width: 769px) {
  #calendar-animation .icon-wrap #calendar-icon {
    height: 145px;
    width: 125px;
    top: 30px;
    -webkit-box-shadow: 0 5px 0 0 #BDBDBD;
    box-shadow: 0 5px 0 0 #BDBDBD;
  }
}
#calendar-animation .icon-wrap #calendar-icon:after {
  content: "";
  background: transparent;
  position: absolute;
  z-index: 3;
  right: 0px;
  bottom: 0px;
  border: 10px solid transparent;
  border-top-color: #d4d6d7;
  border-radius: 5px;
  border-right-color: #d4d6d7;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#calendar-animation .anillas {
  position: absolute;
  top: -5%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 10%;
  padding: 0 5%;
}
#calendar-animation .anillas .anilla {
  background: #666;
  border-radius: 6px;
  height: 100%;
  width: 6%;
}
#calendar-animation .bullet {
  background: white;
  border: 2px solid #f7893b;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 100%;
  z-index: 1;
}
#calendar-animation .bullet#b1 {
  left: 18px;
  bottom: 15px;
}
#calendar-animation .bullet#b2 {
  left: 47%;
  bottom: 6%;
}
#calendar-animation .graph {
  background: linear-gradient(135deg, #e9e9e9 0%, #e9e9e9 15%, #e9e9e9 30%, #d4d6d7 34%, #d4d6d7 100%);
  width: 80%;
  height: 30%;
  margin: 10% auto 0;
  -webkit-box-shadow: -0.15em 0.15em 0 0.1em #bfc0c2;
  box-shadow: -0.15em 0.15em 0 0.1em #bfc0c2;
  position: relative;
}
#calendar-animation .arrow-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
#calendar-animation .arrow-wrap .arrow {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
#calendar-animation .arrow-wrap .arrow > div {
  height: 4px;
}
#calendar-animation .arrow-wrap #l1 {
  width: 30px;
  background: #2a86ca;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-45deg) translate(3px, -7px);
  -ms-transform: rotate(-45deg) translate(3px, -7px);
  transform: rotate(-45deg) translate(3px, -7px);
}
#calendar-animation .arrow-wrap #l2 {
  width: 30px;
  background: #2a86ca;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(25deg) translate(14px, -20px);
  -ms-transform: rotate(25deg) translate(14px, -20px);
  transform: rotate(25deg) translate(14px, -20px);
}
#calendar-animation .arrow-wrap #l3 {
  width: 37px;
  background: #2a86ca;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-39deg) translate(48px, 19px);
  -ms-transform: rotate(-39deg) translate(48px, 19px);
  transform: rotate(-39deg) translate(48px, 19px);
}
#calendar-animation .arrow-wrap #l3:after {
  content: "";
  width: 0;
  height: 0;
  background: transparent;
  position: absolute;
  border: 7px solid #2a86ca;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  bottom: -6px;
  right: -13px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#calendar-animation .days {
  display: block;
  width: 81%;
  margin: 12% auto 0;
  height: 48%;
  background: #f1f1f1;
  padding-top: 0;
  text-align: center;
  border: 1px solid #f1f1f1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
}
#calendar-animation .days .day {
  width: 17%;
  height: 25%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: white;
  display: inline-block;
}
#calendar-animation .curl {
  border-radius: 0 0px 10px 10px;
  width: 20%;
  height: 15%;
  position: absolute;
  background: linear-gradient(135deg, #fff, #f3f3f3 45%, #e6e6e6 50%, #ded9d9 50%, #d4d3d3 56%, #e0dbdb 62%, #f3f3f3 80%, #fff 100%);
  -webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);
  /* transition: all .5s ease; */
  bottom: 0;
  right: 0;
}
#calendar-animation #r3 {
  -webkit-transform-origin: 1315px 500px;
  -ms-transform-origin: 1315px 500px;
  transform-origin: 1315px 500px;
  -webkit-transform: translate(-1175px, -493px) rotate(45deg);
  -ms-transform: translate(-1175px, -493px) rotate(45deg);
  transform: translate(-1175px, -493px) rotate(45deg);
  -webkit-transition-property: -webkit-transform, -webkit-transform-origin;
  transition-property: -webkit-transform, -webkit-transform-origin;
  transition-property: transform, transform-origin;
  transition-property: transform, transform-origin, -webkit-transform, -webkit-transform-origin, -ms-transform-origin;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  position: absolute;
  z-index: 2;
}
#calendar-animation #p3 {
  width: 1285px;
  height: 1388px;
  overflow: hidden;
}
#calendar-animation #p3 > div {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate(1270px, 506px) rotate(-44deg);
  -ms-transform: translate(1270px, 506px) rotate(-44deg);
  transform: translate(1270px, 506px) rotate(-44deg);
  -webkit-transition-property: opacity, -webkit-transform, -webkit-transform-origin;
  transition-property: opacity, -webkit-transform, -webkit-transform-origin;
  transition-property: transform, transform-origin, opacity;
  transition-property: transform, transform-origin, opacity, -webkit-transform, -webkit-transform-origin, -ms-transform-origin;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  width: 285px;
  height: 388px;
  overflow: hidden;
  background: linear-gradient(135deg, rgb(233, 233, 233) 0%, rgb(234, 234, 234) 35%, rgb(170, 170, 170) 100%);
}
#calendar-animation:hover #b1 {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: bouncer;
  animation-name: bouncer;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
#calendar-animation:hover #b2 {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: bouncer;
  animation-name: bouncer;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
#calendar-animation:hover .arrow {
  -webkit-animation-name: animation-width;
  animation-name: animation-width;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 0%;
}
#calendar-animation:hover .icon-wrap {
  -webkit-animation-name: animation-bg;
  animation-name: animation-bg;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  background: #68cccc;
}
#calendar-animation:hover #r3 {
  -webkit-transform-origin: 1570px 500px;
  -ms-transform-origin: 1570px 500px;
  transform-origin: 1570px 500px;
  -webkit-transform: translate(-1260px, -527px) rotate(90deg);
  -ms-transform: translate(-1260px, -527px) rotate(90deg);
  transform: translate(-1260px, -527px) rotate(90deg);
}
#calendar-animation:hover #p3 > div {
  -webkit-animation-name: opacity;
  animation-name: opacity;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate(1000px, 500px) rotate(0deg);
  -ms-transform: translate(1000px, 500px) rotate(0deg);
  transform: translate(1000px, 500px) rotate(0deg);
}

@-webkit-keyframes bouncer {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  25%, to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes bouncer {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  25%, to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes animation-bg {
  0% {
    background-color: #68cccc;
  }
  50.0% {
    background-color: #02a5a5;
  }
  100.0% {
    background-color: #68cccc;
  }
}
@keyframes animation-bg {
  0% {
    background-color: #68cccc;
  }
  50.0% {
    background-color: #02a5a5;
  }
  100.0% {
    background-color: #68cccc;
  }
}
@-webkit-keyframes animation-width {
  0% {
    width: 0%;
  }
  100.0% {
    width: 100%;
  }
}
@keyframes animation-width {
  0% {
    width: 0%;
  }
  100.0% {
    width: 100%;
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 1;
  }
  100.0% {
    opacity: 0;
  }
}
@keyframes opacity {
  0% {
    opacity: 1;
  }
  100.0% {
    opacity: 0;
  }
}
/* NUEVOS SVG */
@-webkit-keyframes slideOut {
  from {
    -webkit-transform: translate(-575.64px, -334.74px);
    transform: translate(-575.64px, -334.74px);
  }
  to {
    -webkit-transform: translate(-300px, -334.74px);
    transform: translate(-300px, -334.74px);
  }
}
@keyframes slideOut {
  from {
    -webkit-transform: translate(-575.64px, -334.74px);
    transform: translate(-575.64px, -334.74px);
  }
  to {
    -webkit-transform: translate(-300px, -334.74px);
    transform: translate(-300px, -334.74px);
  }
}
@-webkit-keyframes bounce {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  25%, to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes bounce {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  25%, to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes bgInOut {
  from {
    fill: #5BBEFF;
  }
  50% {
    fill: #2A86C9;
  }
  to {
    fill: #5BBEFF;
  }
}
@keyframes bgInOut {
  from {
    fill: #5BBEFF;
  }
  50% {
    fill: #2A86C9;
  }
  to {
    fill: #5BBEFF;
  }
}
@-webkit-keyframes bgInOut2 {
  from {
    fill: #F8CD51;
  }
  50% {
    fill: #E2C070;
  }
  to {
    fill: #F8CD51;
  }
}
@keyframes bgInOut2 {
  from {
    fill: #F8CD51;
  }
  50% {
    fill: #E2C070;
  }
  to {
    fill: #F8CD51;
  }
}
@-webkit-keyframes bgInOut0 {
  from {
    fill: #68cccc;
  }
  50% {
    fill: #02a5a5;
  }
  to {
    fill: #68cccc;
  }
}
@keyframes bgInOut0 {
  from {
    fill: #68cccc;
  }
  50% {
    fill: #02a5a5;
  }
  to {
    fill: #68cccc;
  }
}
.icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.icon#multimedia-icon {
  min-width: 150px;
  max-width: 150px;
  margin: 0 auto 0;
}
@media (min-width: 769px) {
  .icon#multimedia-icon {
    min-width: 300px;
    max-width: 300px;
    margin: 0 auto 30px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .icon#multimedia-icon #multimedia {
    -webkit-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
}

@media (max-width: 768px) {
  #multimedia {
    max-width: 150px;
  }
}
#multimedia #objetivo_off {
  opacity: 0;
}

#multimedia-icon:hover #objetivo_off {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

#multimedia #stars > g {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

#multimedia-icon:hover #stars > g {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

#multimedia-icon:hover .cls-1 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: bgInOut;
  animation-name: bgInOut;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

#multimedia #screen {
  -webkit-transform: translate(-575.64px, -334.74px);
  -ms-transform: translate(-575.64px, -334.74px);
  transform: translate(-575.64px, -334.74px);
}

#multimedia-icon:hover #screen {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: slideOut;
  animation-name: slideOut;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

#news {
  max-width: 90px;
  -webkit-perspective: 1000;
  perspective: 1000;
}
@media (min-width: 769px) {
  #news {
    max-width: 170px;
  }
}

#news:hover #bg circle {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation-name: bgInOut2;
  animation-name: bgInOut2;
}

#news:hover #icon #front {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: flipOff;
  animation-name: flipOff;
}

#news:hover #icon #back {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipOff {
  0% {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes flipOff {
  0% {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  50% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
@keyframes flip {
  0% {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  50% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
#back, #front {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#news #front {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

#news #back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#news #bg circle {
  fill: #F8CD51;
}

@-webkit-keyframes curlPage {
  from {
    -webkit-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  to {
    -webkit-transform: rotate(90deg) translate(-104px, -300px);
    transform: rotate(90deg) translate(-104px, -300px);
    opacity: 0;
  }
}

@keyframes curlPage {
  from {
    -webkit-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  to {
    -webkit-transform: rotate(90deg) translate(-104px, -300px);
    transform: rotate(90deg) translate(-104px, -300px);
    opacity: 0;
  }
}
@-webkit-keyframes grow {
  from {
    -webkit-transform: translate(-60px, 0);
    transform: translate(-60px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes grow {
  from {
    -webkit-transform: translate(-60px, 0);
    transform: translate(-60px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.initialized #calendario-icon {
  max-height: 100px;
}
@media (min-width: 769px) {
  .initialized #calendario-icon {
    max-height: 170px;
  }
}
@media (min-width: 992px) {
  .initialized #calendario-icon {
    max-height: 175px;
  }
}
.initialized #calendario-wrapper {
  -webkit-transform: translate(10%, -20%);
  -ms-transform: translate(10%, -20%);
  transform: translate(10%, -20%);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
}
@media (min-width: 769px) and (max-width: 991px) {
  .initialized #calendario-wrapper {
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    transform: translate(0, -20%);
  }
}

#calendario {
  max-width: 155px;
}
@media (min-width: 769px) {
  #calendario {
    max-width: 300px;
    min-width: 300px;
  }
}
#calendario #curl {
  -webkit-transform: rotate(0) translate(0);
  -ms-transform: rotate(0) translate(0);
  transform: rotate(0) translate(0);
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 1;
}
#calendario #bullet1, #calendario #bullet2 {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#calendario #mascara-flecha {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#calendario:hover #bg circle {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: bgInOut0;
  animation-name: bgInOut0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#calendario:hover #mascara-flecha {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: grow;
  animation-name: grow;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#calendario:hover #bullet1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#calendario:hover #bullet2 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.Terminos .termino {
  display: none;
  margin: 28px 0 0 0;
}
.Terminos .termino:first-child {
  margin-top: 0;
}
.Terminos .termino_visible {
  display: block;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.fValidacion {
  display: none;
}
.fValidacion span {
  display: block;
}
.fValidacion .row {
  margin-top: 10px;
}
.fValidacion label {
  font-family: "BBVA-Bold";
}
.fValidacion h3 {
  border-top: 1px solid #E9E9E9;
  padding-top: 1em;
}

.fjunta h3 {
  font-family: "BBVA-Book";
  font-size: 22px;
  font-size: 1.46667em;
  line-height: 29px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.fjunta small {
  line-height: 30px;
}
.fjunta .rbjunta {
  margin-right: 30px;
  display: inline-block;
  font-family: BBVA-Book;
}
.fjunta .form-group textarea {
  padding-top: 30px;
}
.fjunta input::-ms-clear {
  display: none;
}
.fjunta .alto4 {
  line-height: 4em;
}

.form-group input[type=text].form-control-p {
  width: 100px;
  display: inline-block;
  background-color: #F4F4F4;
}

.form-group input[type=text].form-control-m {
  width: 200px;
  display: inline-block;
  background-color: #F4F4F4;
}

.txt_delegar, .txt_votar {
  display: none;
}

#msg_ok {
  padding: 50px;
  margin-bottom: 50px;
}

.form-group label:not(.error).active-top {
  top: 12px;
  font-size: 12px;
  color: #666;
}

a.addPunto, a.deletePunto {
  cursor: pointer;
}

.gdprlabel {
  font-size: 12px;
  padding-left: 35px;
}

#wp_informacion_condition + label p {
  font-size: 12px;
  text-align: justify;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
section.banner-cabecera .banner-redes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
section.banner-cabecera .banner-redes div {
  margin-right: 15px;
}
section.banner-cabecera .banner-redes div i {
  font-size: 24px;
}
section.banner-cabecera .image-container {
  min-height: 500px;
  background-size: cover !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 15px;
}
@media (max-width: 769px) {
  section.banner-cabecera .image-container {
    min-height: 250px;
  }
}
section.banner-cabecera .caption h2 {
  font-size: 65px;
  color: white;
  font-weight: bold;
}
section.banner-cabecera .caption .subtitle {
  margin-top: 24px;
}
section.banner-cabecera .caption .subtitle p {
  font-size: 24px;
  color: #fff;
  text-align: center;
}
section.banner-cabecera .caption .text {
  margin-top: 24px;
}
section.banner-cabecera .caption .text p {
  font-size: 16px;
  color: #fff;
  text-align: center;
}
section.banner-cabecera .video-container {
  min-height: 500px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 769px) {
  section.banner-cabecera .video-container {
    min-height: 250px;
  }
}
section.banner-cabecera .video-container iframe {
  position: absolute;
  float: left;
  clear: both;
  width: 100%;
  /* height: 500px; */
  z-index: 0;
  height: 100em;
}
section.banner-cabecera .video-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}
section.banner-cabecera .video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 500px;
}
@media (max-width: 769px) {
  section.banner-cabecera .video-container .caption {
    height: 250px;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
[data-theme] {
  background-color: hsl(0, 0%, 100%);
  background-color: var(--color-bg, #fff);
  color: hsl(240, 4%, 20%);
  color: var(--color-contrast-high, #313135);
}

:root {
  --space-unit: 1em;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md);
  --max-width-xxs: 32rem;
  --max-width-xs: 38rem;
  --max-width-sm: 48rem;
  --max-width-md: 64rem;
  --max-width-lg: 80rem;
  --max-width-xl: 90rem;
  --max-width-xxl: 120rem;
  --radius-sm: calc(var(--radius, 0.25em) / 2);
  --radius-md: var(--radius, 0.25em);
  --radius-lg: calc(var(--radius, 0.25em) * 2);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.085), 0 1px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 1px 8px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 1px 8px rgba(0, 0, 0, 0.1), 0 16px 48px rgba(0, 0, 0, 0.1), 0 24px 60px rgba(0, 0, 0, 0.1);
  --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --icon-xxs: 12px;
  --icon-xs: 16px;
  --icon-sm: 24px;
  --icon-md: 32px;
  --icon-lg: 48px;
  --icon-xl: 64px;
  --icon-xxl: 128px;
  --zindex-header: 2;
  --zindex-popover: 5;
  --zindex-fixed-element: 10;
  --zindex-overlay: 15;
  --display: block;
  --radius: 0.25em;
  --font-primary: sans-serif;
  --text-base-size: 1em;
  --text-scale-ratio: 1.2;
  --text-xs: calc(1em / var(--text-scale-ratio) / var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --font-primary-capital-letter: 1;
  --btn-font-size: 1em;
  --btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);
  --btn-font-size-md: calc(var(--btn-font-size) + 0.2em);
  --btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);
  --btn-radius: 0.25em;
  --btn-padding-x: var(--space-sm);
  --btn-padding-y: var(--space-xs);
  --cd-color-1: hsl(206, 21%, 24%);
  --cd-color-1-h: 206;
  --cd-color-1-s: 21%;
  --cd-color-1-l: 24%;
  --cd-color-2: hsl(205, 38%, 89%);
  --cd-color-2-h: 205;
  --cd-color-2-s: 38%;
  --cd-color-2-l: 89%;
  --cd-color-3: hsl(207, 10%, 55%);
  --cd-color-3-h: 207;
  --cd-color-3-s: 10%;
  --cd-color-3-l: 55%;
  --cd-color-4: hsl(111, 51%, 60%);
  --cd-color-4-h: 111;
  --cd-color-4-s: 51%;
  --cd-color-4-l: 60%;
  --cd-color-5: hsl(356, 53%, 49%);
  --cd-color-5-h: 356;
  --cd-color-5-s: 53%;
  --cd-color-5-l: 49%;
  --cd-color-6: hsl(47, 85%, 61%);
  --cd-color-6-h: 47;
  --cd-color-6-s: 85%;
  --cd-color-6-l: 61%;
  --cd-header-height: 200px;
  --font-primary: "Droid Serif", serif;
  --font-secondary: "Open Sans", sans-serif;
  --form-control-padding-x: var(--space-sm);
  --form-control-padding-y: var(--space-xs);
  --form-control-radius: 0.25em;
}

:root,
[data-theme=default] {
  --color-primary-darker: hsl(220, 90%, 36%);
  --color-primary-darker-h: 220;
  --color-primary-darker-s: 90%;
  --color-primary-darker-l: 36%;
  --color-primary-dark: hsl(220, 90%, 46%);
  --color-primary-dark-h: 220;
  --color-primary-dark-s: 90%;
  --color-primary-dark-l: 46%;
  --color-primary: hsl(220, 90%, 56%);
  --color-primary-h: 220;
  --color-primary-s: 90%;
  --color-primary-l: 56%;
  --color-primary-light: hsl(220, 90%, 66%);
  --color-primary-light-h: 220;
  --color-primary-light-s: 90%;
  --color-primary-light-l: 66%;
  --color-primary-lighter: hsl(220, 90%, 76%);
  --color-primary-lighter-h: 220;
  --color-primary-lighter-s: 90%;
  --color-primary-lighter-l: 76%;
  --color-accent-darker: hsl(355, 90%, 41%);
  --color-accent-darker-h: 355;
  --color-accent-darker-s: 90%;
  --color-accent-darker-l: 41%;
  --color-accent-dark: hsl(355, 90%, 51%);
  --color-accent-dark-h: 355;
  --color-accent-dark-s: 90%;
  --color-accent-dark-l: 51%;
  --color-accent: hsl(355, 90%, 61%);
  --color-accent-h: 355;
  --color-accent-s: 90%;
  --color-accent-l: 61%;
  --color-accent-light: hsl(355, 90%, 71%);
  --color-accent-light-h: 355;
  --color-accent-light-s: 90%;
  --color-accent-light-l: 71%;
  --color-accent-lighter: hsl(355, 90%, 81%);
  --color-accent-lighter-h: 355;
  --color-accent-lighter-s: 90%;
  --color-accent-lighter-l: 81%;
  --color-black: hsl(240, 8%, 12%);
  --color-black-h: 240;
  --color-black-s: 8%;
  --color-black-l: 12%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-success-darker: hsl(94, 48%, 36%);
  --color-success-darker-h: 94;
  --color-success-darker-s: 48%;
  --color-success-darker-l: 36%;
  --color-success-dark: hsl(94, 48%, 46%);
  --color-success-dark-h: 94;
  --color-success-dark-s: 48%;
  --color-success-dark-l: 46%;
  --color-success: hsl(94, 48%, 56%);
  --color-success-h: 94;
  --color-success-s: 48%;
  --color-success-l: 56%;
  --color-success-light: hsl(94, 48%, 66%);
  --color-success-light-h: 94;
  --color-success-light-s: 48%;
  --color-success-light-l: 66%;
  --color-success-lighter: hsl(94, 48%, 76%);
  --color-success-lighter-h: 94;
  --color-success-lighter-s: 48%;
  --color-success-lighter-l: 76%;
  --color-error-darker: hsl(355, 90%, 41%);
  --color-error-darker-h: 355;
  --color-error-darker-s: 90%;
  --color-error-darker-l: 41%;
  --color-error-dark: hsl(355, 90%, 51%);
  --color-error-dark-h: 355;
  --color-error-dark-s: 90%;
  --color-error-dark-l: 51%;
  --color-error: hsl(355, 90%, 61%);
  --color-error-h: 355;
  --color-error-s: 90%;
  --color-error-l: 61%;
  --color-error-light: hsl(355, 90%, 71%);
  --color-error-light-h: 355;
  --color-error-light-s: 90%;
  --color-error-light-l: 71%;
  --color-error-lighter: hsl(355, 90%, 81%);
  --color-error-lighter-h: 355;
  --color-error-lighter-s: 90%;
  --color-error-lighter-l: 81%;
  --color-warning-darker: hsl(46, 100%, 41%);
  --color-warning-darker-h: 46;
  --color-warning-darker-s: 100%;
  --color-warning-darker-l: 41%;
  --color-warning-dark: hsl(46, 100%, 51%);
  --color-warning-dark-h: 46;
  --color-warning-dark-s: 100%;
  --color-warning-dark-l: 51%;
  --color-warning: hsl(46, 100%, 61%);
  --color-warning-h: 46;
  --color-warning-s: 100%;
  --color-warning-l: 61%;
  --color-warning-light: hsl(46, 100%, 71%);
  --color-warning-light-h: 46;
  --color-warning-light-s: 100%;
  --color-warning-light-l: 71%;
  --color-warning-lighter: hsl(46, 100%, 81%);
  --color-warning-lighter-h: 46;
  --color-warning-lighter-s: 100%;
  --color-warning-lighter-l: 81%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-contrast-lower: hsl(0, 0%, 95%);
  --color-contrast-lower-h: 0;
  --color-contrast-lower-s: 0%;
  --color-contrast-lower-l: 95%;
  --color-contrast-low: hsl(240, 1%, 83%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 1%;
  --color-contrast-low-l: 83%;
  --color-contrast-medium: hsl(240, 1%, 48%);
  --color-contrast-medium-h: 240;
  --color-contrast-medium-s: 1%;
  --color-contrast-medium-l: 48%;
  --color-contrast-high: hsl(240, 4%, 20%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 4%;
  --color-contrast-high-l: 20%;
  --color-contrast-higher: hsl(240, 8%, 12%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 8%;
  --color-contrast-higher-l: 12%;
}

@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --space-unit: 1.25em;
    }
  }
}
@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --text-base-size: 1.25em;
      --text-scale-ratio: 1.25;
    }
  }
}
@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --cd-header-height: 300px;
    }
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div.timeline-component {
  background-color: #004581;
  /*
  @media (min-width: 64rem) {
      .cd-timeline__img--hidden,
      .cd-timeline__content--hidden {
          opacity: 0;
      }

  }*/
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container {
    max-width: 84rem;
  }
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container::before {
    top: 25px !important;
    left: 51% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block {
    width: 85.5rem;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 295px;
  -webkit-animation: fadeIn 5s;
  animation: fadeIn 5s;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content {
    max-width: 576px;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-img {
  height: 120px;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-img {
    width: 200px;
    height: 200px;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-img img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-img img {
    width: 200px;
    height: 200px;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content {
  padding: 10px 20px;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content {
    max-width: 100%;
    padding: 20px 50px;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  font-family: BBVA-Medium;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content h2 {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content p {
  font-size: 12px;
  line-height: 16px;
  padding-top: 10px;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content p {
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 100%;
  width: 15px;
  height: 2px;
  border: 0;
  background: #155d9a;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__content::before {
    width: 35px;
  }
}
div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__img {
  height: 40px;
  width: 100px;
  font-family: BBVA-Medium;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__container .cd-timeline__block .cd-timeline__img {
    width: 140px;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-left: calc(5% - 30px);
    will-change: transform;
  }
}
div.timeline-component .cd-timeline__img--picture {
  background-color: #004581;
  color: #fff;
}
div.timeline-component .cd-timeline__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #155d9a;
}
div.timeline-component .cd-timeline__img {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 0 2px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 2px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__img {
    width: 120px;
    height: 40px;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-left: calc(5% - 30px);
    will-change: transform;
  }
  div.timeline-component .cd-timeline__block:nth-child(even) .cd-timeline__img {
    margin-right: calc(5% - 30px);
  }
  div.timeline-component .cd-timeline__block:nth-child(odd) .cd-timeline__content.imaged {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  div.timeline-component .cd-timeline__block:nth-child(odd) .cd-timeline__content::before {
    right: auto;
    left: 100%;
    width: 35px;
    height: 2px;
    border: 0;
    background: #155d9a;
    top: 20px;
  }
  div.timeline-component .cd-timeline__content.imaged .timeline-content {
    max-width: 405px;
  }
  div.timeline-component .cd-timeline__content.imaged .timeline-content h2, div.timeline-component .cd-timeline__content.imaged .timeline-content p {
    max-width: 405px;
  }
}
div.timeline-component .container {
  width: calc(100% - 1.25em);
  width: calc(100% - 2 * var(--component-padding));
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 64rem) {
  div.timeline-component .max-width-adaptive-sm {
    max-width: 48rem;
    max-width: var(--max-width-sm);
  }
}
div.timeline-component .max-width-adaptive-md {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
  div.timeline-component .max-width-adaptive-md {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
div.timeline-component .max-width-adaptive,
div.timeline-component .max-width-adaptive-lg {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
  div.timeline-component .max-width-adaptive,
  div.timeline-component .max-width-adaptive-lg {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
@media (min-width: 90rem) {
  div.timeline-component .max-width-adaptive,
  div.timeline-component .max-width-adaptive-lg {
    max-width: 80rem;
    max-width: var(--max-width-lg);
  }
}
div.timeline-component .max-width-adaptive-xl {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
  div.timeline-component .max-width-adaptive-xl {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
@media (min-width: 90rem) {
  div.timeline-component .max-width-adaptive-xl {
    max-width: 90rem;
    max-width: var(--max-width-xl);
  }
}
div.timeline-component .grid {
  --grid-gap: 0px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.timeline-component .grid > * {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
div.timeline-component [class*=grid-gap] {
  margin-bottom: -1em;
  margin-bottom: calc(var(--grid-gap, 1em) * -1);
  margin-right: -1em;
  margin-right: calc(var(--grid-gap, 1em) * -1);
}
div.timeline-component [class*=grid-gap] > * {
  margin-bottom: 1em;
  margin-bottom: var(--grid-gap, 1em);
  margin-right: 1em;
  margin-right: var(--grid-gap, 1em);
}
div.timeline-component .grid-gap-xxxxs {
  --grid-gap: var(--space-xxxxs);
}
div.timeline-component .grid-gap-xxxs {
  --grid-gap: var(--space-xxxs);
}
div.timeline-component .grid-gap-xxs {
  --grid-gap: var(--space-xxs);
}
div.timeline-component .grid-gap-xs {
  --grid-gap: var(--space-xs);
}
div.timeline-component .grid-gap-sm {
  --grid-gap: var(--space-sm);
}
div.timeline-component .grid-gap-md {
  --grid-gap: var(--space-md);
}
div.timeline-component .grid-gap-lg {
  --grid-gap: var(--space-lg);
}
div.timeline-component .grid-gap-xl {
  --grid-gap: var(--space-xl);
}
div.timeline-component .grid-gap-xxl {
  --grid-gap: var(--space-xxl);
}
div.timeline-component .grid-gap-xxxl {
  --grid-gap: var(--space-xxxl);
}
div.timeline-component .grid-gap-xxxxl {
  --grid-gap: var(--space-xxxxl);
}
div.timeline-component .col {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}
div.timeline-component .col-1 {
  -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(8.33% - 0.01px - 1em);
  flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(8.33% - 0.01px - 1em);
  max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-2 {
  -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(16.66% - 0.01px - 1em);
  flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(16.66% - 0.01px - 1em);
  max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-3 {
  -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(25% - 0.01px - 1em);
  flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(25% - 0.01px - 1em);
  max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-4 {
  -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(33.33% - 0.01px - 1em);
  flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(33.33% - 0.01px - 1em);
  max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-5 {
  -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(41.66% - 0.01px - 1em);
  flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(41.66% - 0.01px - 1em);
  max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-6 {
  -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(50% - 0.01px - 1em);
  flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(50% - 0.01px - 1em);
  max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-7 {
  -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(58.33% - 0.01px - 1em);
  flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(58.33% - 0.01px - 1em);
  max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-8 {
  -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(66.66% - 0.01px - 1em);
  flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(66.66% - 0.01px - 1em);
  max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-9 {
  -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(75% - 0.01px - 1em);
  flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(75% - 0.01px - 1em);
  max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-10 {
  -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(83.33% - 0.01px - 1em);
  flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(83.33% - 0.01px - 1em);
  max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-11 {
  -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(91.66% - 0.01px - 1em);
  flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(91.66% - 0.01px - 1em);
  max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .col-12 {
  -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
  -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(100% - 0.01px - 1em);
  flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(100% - 0.01px - 1em);
  max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component .icon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 1em;
  width: 1em;
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
div.timeline-component .icon--xxs {
  font-size: var(--icon-xxs);
}
div.timeline-component .icon--xs {
  font-size: var(--icon-xs);
}
div.timeline-component .icon--sm {
  font-size: var(--icon-sm);
}
div.timeline-component .icon--md {
  font-size: var(--icon-md);
}
div.timeline-component .icon--lg {
  font-size: var(--icon-lg);
}
div.timeline-component .icon--xl {
  font-size: var(--icon-xl);
}
div.timeline-component .icon--xxl {
  font-size: var(--icon-xxl);
}
div.timeline-component .icon--is-spinning {
  -webkit-animation: icon-spin 1s infinite linear;
  animation: icon-spin 1s infinite linear;
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.timeline-component .icon use {
  color: inherit;
  fill: currentColor;
}
div.timeline-component .btn {
  position: relative;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1;
  font-size: 1em;
  font-size: var(--btn-font-size, 1em);
  padding-top: 0.5em;
  padding-top: var(--btn-padding-y, 0.5em);
  padding-bottom: 0.5em;
  padding-bottom: var(--btn-padding-y, 0.5em);
  padding-left: 0.75em;
  padding-left: var(--btn-padding-x, 0.75em);
  padding-right: 0.75em;
  padding-right: var(--btn-padding-x, 0.75em);
  border-radius: 0.25em;
  border-radius: var(--btn-radius, 0.25em);
}
div.timeline-component .btn--primary {
  background-color: hsl(220, 90%, 56%);
  background-color: var(--color-primary, #2a6df4);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff);
}
div.timeline-component .btn--subtle {
  background-color: hsl(240, 1%, 83%);
  background-color: var(--color-contrast-low, #d3d3d4);
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21);
}
div.timeline-component .btn--accent {
  background-color: hsl(355, 90%, 61%);
  background-color: var(--color-accent, #f54251);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff);
}
div.timeline-component .btn--disabled {
  cursor: not-allowed;
}
div.timeline-component .btn--sm {
  font-size: 0.8em;
  font-size: var(--btn-font-size-sm, 0.8em);
}
div.timeline-component .btn--md {
  font-size: 1.2em;
  font-size: var(--btn-font-size-md, 1.2em);
}
div.timeline-component .btn--lg {
  font-size: 1.4em;
  font-size: var(--btn-font-size-lg, 1.4em);
}
div.timeline-component .btn--icon {
  padding: 0.5em;
  padding: var(--btn-padding-y, 0.5em);
}
div.timeline-component .form-control {
  background-color: hsl(0, 0%, 100%);
  background-color: var(--color-bg, #f2f2f2);
  padding-top: 0.5em;
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: 0.5em;
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: 0.75em;
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: 0.75em;
  padding-right: var(--form-control-padding-x, 0.75em);
  border-radius: 0.25em;
  border-radius: var(--form-control-radius, 0.25em);
}
div.timeline-component .form-control::-webkit-input-placeholder {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component .form-control::-moz-placeholder {
  opacity: 1;
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component .form-control:-ms-input-placeholder {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component .form-control:-moz-placeholder {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component .form-control[disabled],
div.timeline-component .form-control[readonly] {
  cursor: not-allowed;
}
div.timeline-component .form-legend {
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21);
  line-height: 1.2;
  font-size: 1.2em;
  font-size: var(--text-md, 1.2em);
  margin-bottom: 0.375em;
  margin-bottom: var(--space-xxs);
}
div.timeline-component .form-label {
  display: inline-block;
}
div.timeline-component .form__msg-error {
  background-color: hsl(355, 90%, 61%);
  background-color: var(--color-error, #f54251);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff);
  font-size: 0.83333em;
  font-size: var(--text-sm, 0.833em);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.5em;
  padding: var(--space-xs);
  margin-top: 0.75em;
  margin-top: var(--space-sm);
  border-radius: 0.25em;
  border-radius: var(--radius-md, 0.25em);
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
div.timeline-component .form__msg-error::before {
  content: "";
  position: absolute;
  left: var(--space-sm);
  top: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: var(--color-error);
}
div.timeline-component .form__msg-error--is-visible {
  position: relative;
  clip: auto;
}
div.timeline-component .radio-list > *,
div.timeline-component .checkbox-list > * {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: var(--space-xxs);
}
div.timeline-component .radio-list > *:last-of-type,
div.timeline-component .checkbox-list > *:last-of-type {
  margin-bottom: 0;
}
div.timeline-component .radio-list label,
div.timeline-component .checkbox-list label {
  line-height: var(--body-line-height);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.timeline-component .radio-list input,
div.timeline-component .checkbox-list input {
  vertical-align: top;
  margin-right: var(--space-xxxs);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
div.timeline-component .is-visible {
  display: var(--display) !important;
}
div.timeline-component .is-hidden {
  display: none !important;
}
div.timeline-component .sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}
div.timeline-component .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.timeline-component .inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
div.timeline-component .flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.timeline-component .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
div.timeline-component .flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
div.timeline-component .flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
div.timeline-component .justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
div.timeline-component .justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
div.timeline-component .justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
div.timeline-component .justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
div.timeline-component .items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
div.timeline-component .items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
div.timeline-component .items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
div.timeline-component .flex-grow {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
div.timeline-component .flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
div.timeline-component .flex-gap-xxxs {
  margin-bottom: calc(-1 * var(--space-xxxs));
  margin-right: calc(-1 * var(--space-xxxs));
}
div.timeline-component .flex-gap-xxxs > * {
  margin-bottom: var(--space-xxxs);
  margin-right: var(--space-xxxs);
}
div.timeline-component .flex-gap-xxs {
  margin-bottom: calc(-1 * var(--space-xxs));
  margin-right: calc(-1 * var(--space-xxs));
}
div.timeline-component .flex-gap-xxs > * {
  margin-bottom: var(--space-xxs);
  margin-right: var(--space-xxs);
}
div.timeline-component .flex-gap-xs {
  margin-bottom: calc(-1 * var(--space-xs));
  margin-right: calc(-1 * var(--space-xs));
}
div.timeline-component .flex-gap-xs > * {
  margin-bottom: var(--space-xs);
  margin-right: var(--space-xs);
}
div.timeline-component .flex-gap-sm {
  margin-bottom: calc(-1 * var(--space-sm));
  margin-right: calc(-1 * var(--space-sm));
}
div.timeline-component .flex-gap-sm > * {
  margin-bottom: var(--space-sm);
  margin-right: var(--space-sm);
}
div.timeline-component .flex-gap-md {
  margin-bottom: calc(-1 * var(--space-md));
  margin-right: calc(-1 * var(--space-md));
}
div.timeline-component .flex-gap-md > * {
  margin-bottom: var(--space-md);
  margin-right: var(--space-md);
}
div.timeline-component .flex-gap-lg {
  margin-bottom: calc(-1 * var(--space-lg));
  margin-right: calc(-1 * var(--space-lg));
}
div.timeline-component .flex-gap-lg > * {
  margin-bottom: var(--space-lg);
  margin-right: var(--space-lg);
}
div.timeline-component .flex-gap-xl {
  margin-bottom: calc(-1 * var(--space-xl));
  margin-right: calc(-1 * var(--space-xl));
}
div.timeline-component .flex-gap-xl > * {
  margin-bottom: var(--space-xl);
  margin-right: var(--space-xl);
}
div.timeline-component .flex-gap-xxl {
  margin-bottom: calc(-1 * var(--space-xxl));
  margin-right: calc(-1 * var(--space-xxl));
}
div.timeline-component .flex-gap-xxl > * {
  margin-bottom: var(--space-xxl);
  margin-right: var(--space-xxl);
}
div.timeline-component .margin-xxxxs {
  margin: var(--space-xxxxs);
}
div.timeline-component .margin-xxxs {
  margin: var(--space-xxxs);
}
div.timeline-component .margin-xxs {
  margin: var(--space-xxs);
}
div.timeline-component .margin-xs {
  margin: var(--space-xs);
}
div.timeline-component .margin-sm {
  margin: var(--space-sm);
}
div.timeline-component .margin-md {
  margin: var(--space-md);
}
div.timeline-component .margin-lg {
  margin: var(--space-lg);
}
div.timeline-component .margin-xl {
  margin: var(--space-xl);
}
div.timeline-component .margin-xxl {
  margin: var(--space-xxl);
}
div.timeline-component .margin-xxxl {
  margin: var(--space-xxxl);
}
div.timeline-component .margin-xxxxl {
  margin: var(--space-xxxxl);
}
div.timeline-component .margin-auto {
  margin: auto;
}
div.timeline-component .margin-top-xxxxs {
  margin-top: var(--space-xxxxs);
}
div.timeline-component .margin-top-xxxs {
  margin-top: var(--space-xxxs);
}
div.timeline-component .margin-top-xxs {
  margin-top: var(--space-xxs);
}
div.timeline-component .margin-top-xs {
  margin-top: var(--space-xs);
}
div.timeline-component .margin-top-sm {
  margin-top: var(--space-sm);
}
div.timeline-component .margin-top-md {
  margin-top: var(--space-md);
}
div.timeline-component .margin-top-lg {
  margin-top: var(--space-lg);
}
div.timeline-component .margin-top-xl {
  margin-top: var(--space-xl);
}
div.timeline-component .margin-top-xxl {
  margin-top: var(--space-xxl);
}
div.timeline-component .margin-top-xxxl {
  margin-top: var(--space-xxxl);
}
div.timeline-component .margin-top-xxxxl {
  margin-top: var(--space-xxxxl);
}
div.timeline-component .margin-top-auto {
  margin-top: auto;
}
div.timeline-component .margin-bottom-xxxxs {
  margin-bottom: var(--space-xxxxs);
}
div.timeline-component .margin-bottom-xxxs {
  margin-bottom: var(--space-xxxs);
}
div.timeline-component .margin-bottom-xxs {
  margin-bottom: var(--space-xxs);
}
div.timeline-component .margin-bottom-xs {
  margin-bottom: var(--space-xs);
}
div.timeline-component .margin-bottom-sm {
  margin-bottom: var(--space-sm);
}
div.timeline-component .margin-bottom-md {
  margin-bottom: var(--space-md);
}
div.timeline-component .margin-bottom-lg {
  margin-bottom: var(--space-lg);
}
div.timeline-component .margin-bottom-xl {
  margin-bottom: var(--space-xl);
}
div.timeline-component .margin-bottom-xxl {
  margin-bottom: var(--space-xxl);
}
div.timeline-component .margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl);
}
div.timeline-component .margin-bottom-xxxxl {
  margin-bottom: var(--space-xxxxl);
}
div.timeline-component .margin-bottom-auto {
  margin-bottom: auto;
}
div.timeline-component .margin-right-xxxxs {
  margin-right: var(--space-xxxxs);
}
div.timeline-component .margin-right-xxxs {
  margin-right: var(--space-xxxs);
}
div.timeline-component .margin-right-xxs {
  margin-right: var(--space-xxs);
}
div.timeline-component .margin-right-xs {
  margin-right: var(--space-xs);
}
div.timeline-component .margin-right-sm {
  margin-right: var(--space-sm);
}
div.timeline-component .margin-right-md {
  margin-right: var(--space-md);
}
div.timeline-component .margin-right-lg {
  margin-right: var(--space-lg);
}
div.timeline-component .margin-right-xl {
  margin-right: var(--space-xl);
}
div.timeline-component .margin-right-xxl {
  margin-right: var(--space-xxl);
}
div.timeline-component .margin-right-xxxl {
  margin-right: var(--space-xxxl);
}
div.timeline-component .margin-right-xxxxl {
  margin-right: var(--space-xxxxl);
}
div.timeline-component .margin-right-auto {
  margin-right: auto;
}
div.timeline-component .margin-left-xxxxs {
  margin-left: var(--space-xxxxs);
}
div.timeline-component .margin-left-xxxs {
  margin-left: var(--space-xxxs);
}
div.timeline-component .margin-left-xxs {
  margin-left: var(--space-xxs);
}
div.timeline-component .margin-left-xs {
  margin-left: var(--space-xs);
}
div.timeline-component .margin-left-sm {
  margin-left: var(--space-sm);
}
div.timeline-component .margin-left-md {
  margin-left: var(--space-md);
}
div.timeline-component .margin-left-lg {
  margin-left: var(--space-lg);
}
div.timeline-component .margin-left-xl {
  margin-left: var(--space-xl);
}
div.timeline-component .margin-left-xxl {
  margin-left: var(--space-xxl);
}
div.timeline-component .margin-left-xxxl {
  margin-left: var(--space-xxxl);
}
div.timeline-component .margin-left-xxxxl {
  margin-left: var(--space-xxxxl);
}
div.timeline-component .margin-left-auto {
  margin-left: auto;
}
div.timeline-component .margin-x-xxxxs {
  margin-left: var(--space-xxxxs);
  margin-right: var(--space-xxxxs);
}
div.timeline-component .margin-x-xxxs {
  margin-left: var(--space-xxxs);
  margin-right: var(--space-xxxs);
}
div.timeline-component .margin-x-xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs);
}
div.timeline-component .margin-x-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}
div.timeline-component .margin-x-sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}
div.timeline-component .margin-x-md {
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}
div.timeline-component .margin-x-lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}
div.timeline-component .margin-x-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}
div.timeline-component .margin-x-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl);
}
div.timeline-component .margin-x-xxxl {
  margin-left: var(--space-xxxl);
  margin-right: var(--space-xxxl);
}
div.timeline-component .margin-x-xxxxl {
  margin-left: var(--space-xxxxl);
  margin-right: var(--space-xxxxl);
}
div.timeline-component .margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}
div.timeline-component .margin-y-xxxxs {
  margin-top: var(--space-xxxxs);
  margin-bottom: var(--space-xxxxs);
}
div.timeline-component .margin-y-xxxs {
  margin-top: var(--space-xxxs);
  margin-bottom: var(--space-xxxs);
}
div.timeline-component .margin-y-xxs {
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs);
}
div.timeline-component .margin-y-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}
div.timeline-component .margin-y-sm {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}
div.timeline-component .margin-y-md {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
div.timeline-component .margin-y-lg {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}
div.timeline-component .margin-y-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}
div.timeline-component .margin-y-xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl);
}
div.timeline-component .margin-y-xxxl {
  margin-top: var(--space-xxxl);
  margin-bottom: var(--space-xxxl);
}
div.timeline-component .margin-y-xxxxl {
  margin-top: var(--space-xxxxl);
  margin-bottom: var(--space-xxxxl);
}
div.timeline-component .margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}
div.timeline-component .padding-md {
  padding: var(--space-md);
}
div.timeline-component .padding-xxxxs {
  padding: var(--space-xxxxs);
}
div.timeline-component .padding-xxxs {
  padding: var(--space-xxxs);
}
div.timeline-component .padding-xxs {
  padding: var(--space-xxs);
}
div.timeline-component .padding-xs {
  padding: var(--space-xs);
}
div.timeline-component .padding-sm {
  padding: var(--space-sm);
}
div.timeline-component .padding-lg {
  padding: var(--space-lg);
}
div.timeline-component .padding-xl {
  padding: var(--space-xl);
}
div.timeline-component .padding-xxl {
  padding: var(--space-xxl);
}
div.timeline-component .padding-xxxl {
  padding: var(--space-xxxl);
}
div.timeline-component .padding-xxxxl {
  padding: var(--space-xxxxl);
}
div.timeline-component .padding-component {
  padding: var(--component-padding);
}
div.timeline-component .padding-top-md {
  padding-top: var(--space-md);
}
div.timeline-component .padding-top-xxxxs {
  padding-top: var(--space-xxxxs);
}
div.timeline-component .padding-top-xxxs {
  padding-top: var(--space-xxxs);
}
div.timeline-component .padding-top-xxs {
  padding-top: var(--space-xxs);
}
div.timeline-component .padding-top-xs {
  padding-top: var(--space-xs);
}
div.timeline-component .padding-top-sm {
  padding-top: var(--space-sm);
}
div.timeline-component .padding-top-lg {
  padding-top: var(--space-lg);
}
div.timeline-component .padding-top-xl {
  padding-top: var(--space-xl);
}
div.timeline-component .padding-top-xxl {
  padding-top: var(--space-xxl);
}
div.timeline-component .padding-top-xxxl {
  padding-top: var(--space-xxxl);
}
div.timeline-component .padding-top-xxxxl {
  padding-top: var(--space-xxxxl);
}
div.timeline-component .padding-top-component {
  padding-top: var(--component-padding);
}
div.timeline-component .padding-bottom-md {
  padding-bottom: var(--space-md);
}
div.timeline-component .padding-bottom-xxxxs {
  padding-bottom: var(--space-xxxxs);
}
div.timeline-component .padding-bottom-xxxs {
  padding-bottom: var(--space-xxxs);
}
div.timeline-component .padding-bottom-xxs {
  padding-bottom: 0.375em;
  padding-bottom: var(--space-xxs);
}
div.timeline-component .padding-bottom-xs {
  padding-bottom: 0.5em;
  padding-bottom: var(--space-xs);
}
div.timeline-component .padding-bottom-sm {
  padding-bottom: 0.75em;
  padding-bottom: var(--space-sm);
}
div.timeline-component .padding-bottom-lg {
  padding-bottom: 2em;
  padding-bottom: var(--space-lg);
}
div.timeline-component .padding-bottom-xl {
  padding-bottom: 3.25em;
  padding-bottom: var(--space-xl);
}
div.timeline-component .padding-bottom-xxl {
  padding-bottom: 5.25em;
  padding-bottom: var(--space-xxl);
}
div.timeline-component .padding-bottom-xxxl {
  padding-bottom: 8.5em;
  padding-bottom: var(--space-xxxl);
}
div.timeline-component .padding-bottom-xxxxl {
  padding-bottom: 13.75em;
  padding-bottom: var(--space-xxxxl);
}
div.timeline-component .padding-bottom-component {
  padding-bottom: 1.25em;
  padding-bottom: var(--component-padding);
}
div.timeline-component .padding-right-md {
  padding-right: 1.25em;
  padding-right: var(--space-md);
}
div.timeline-component .padding-right-xxxxs {
  padding-right: 0.125em;
  padding-right: var(--space-xxxxs);
}
div.timeline-component .padding-right-xxxs {
  padding-right: 0.25em;
  padding-right: var(--space-xxxs);
}
div.timeline-component .padding-right-xxs {
  padding-right: 0.375em;
  padding-right: var(--space-xxs);
}
div.timeline-component .padding-right-xs {
  padding-right: 0.5em;
  padding-right: var(--space-xs);
}
div.timeline-component .padding-right-sm {
  padding-right: 0.75em;
  padding-right: var(--space-sm);
}
div.timeline-component .padding-right-lg {
  padding-right: 2em;
  padding-right: var(--space-lg);
}
div.timeline-component .padding-right-xl {
  padding-right: 3.25em;
  padding-right: var(--space-xl);
}
div.timeline-component .padding-right-xxl {
  padding-right: 5.25em;
  padding-right: var(--space-xxl);
}
div.timeline-component .padding-right-xxxl {
  padding-right: 8.5em;
  padding-right: var(--space-xxxl);
}
div.timeline-component .padding-right-xxxxl {
  padding-right: 13.75em;
  padding-right: var(--space-xxxxl);
}
div.timeline-component .padding-right-component {
  padding-right: 1.25em;
  padding-right: var(--component-padding);
}
div.timeline-component .padding-left-md {
  padding-left: 1.25em;
  padding-left: var(--space-md);
}
div.timeline-component .padding-left-xxxxs {
  padding-left: 0.125em;
  padding-left: var(--space-xxxxs);
}
div.timeline-component .padding-left-xxxs {
  padding-left: 0.25em;
  padding-left: var(--space-xxxs);
}
div.timeline-component .padding-left-xxs {
  padding-left: 0.375em;
  padding-left: var(--space-xxs);
}
div.timeline-component .padding-left-xs {
  padding-left: 0.5em;
  padding-left: var(--space-xs);
}
div.timeline-component .padding-left-sm {
  padding-left: 0.75em;
  padding-left: var(--space-sm);
}
div.timeline-component .padding-left-lg {
  padding-left: 2em;
  padding-left: var(--space-lg);
}
div.timeline-component .padding-left-xl {
  padding-left: 3.25em;
  padding-left: var(--space-xl);
}
div.timeline-component .padding-left-xxl {
  padding-left: 5.25em;
  padding-left: var(--space-xxl);
}
div.timeline-component .padding-left-xxxl {
  padding-left: 8.5em;
  padding-left: var(--space-xxxl);
}
div.timeline-component .padding-left-xxxxl {
  padding-left: 13.75em;
  padding-left: var(--space-xxxxl);
}
div.timeline-component .padding-left-component {
  padding-left: 1.25em;
  padding-left: var(--component-padding);
}
div.timeline-component .padding-x-md {
  padding-left: 1.25em;
  padding-left: var(--space-md);
  padding-right: 1.25em;
  padding-right: var(--space-md);
}
div.timeline-component .padding-x-xxxxs {
  padding-left: 0.125em;
  padding-left: var(--space-xxxxs);
  padding-right: 0.125em;
  padding-right: var(--space-xxxxs);
}
div.timeline-component .padding-x-xxxs {
  padding-left: 0.25em;
  padding-left: var(--space-xxxs);
  padding-right: 0.25em;
  padding-right: var(--space-xxxs);
}
div.timeline-component .padding-x-xxs {
  padding-left: 0.375em;
  padding-left: var(--space-xxs);
  padding-right: 0.375em;
  padding-right: var(--space-xxs);
}
div.timeline-component .padding-x-xs {
  padding-left: 0.5em;
  padding-left: var(--space-xs);
  padding-right: 0.5em;
  padding-right: var(--space-xs);
}
div.timeline-component .padding-x-sm {
  padding-left: 0.75em;
  padding-left: var(--space-sm);
  padding-right: 0.75em;
  padding-right: var(--space-sm);
}
div.timeline-component .padding-x-lg {
  padding-left: 2em;
  padding-left: var(--space-lg);
  padding-right: 2em;
  padding-right: var(--space-lg);
}
div.timeline-component .padding-x-xl {
  padding-left: 3.25em;
  padding-left: var(--space-xl);
  padding-right: 3.25em;
  padding-right: var(--space-xl);
}
div.timeline-component .padding-x-xxl {
  padding-left: 5.25em;
  padding-left: var(--space-xxl);
  padding-right: 5.25em;
  padding-right: var(--space-xxl);
}
div.timeline-component .padding-x-xxxl {
  padding-left: 8.5em;
  padding-left: var(--space-xxxl);
  padding-right: 8.5em;
  padding-right: var(--space-xxxl);
}
div.timeline-component .padding-x-xxxxl {
  padding-left: 13.75em;
  padding-left: var(--space-xxxxl);
  padding-right: 13.75em;
  padding-right: var(--space-xxxxl);
}
div.timeline-component .padding-x-component {
  padding-left: 1.25em;
  padding-left: var(--component-padding);
  padding-right: 1.25em;
  padding-right: var(--component-padding);
}
div.timeline-component .padding-y-md {
  padding-top: 1.25em;
  padding-top: var(--space-md);
  padding-bottom: 1.25em;
  padding-bottom: var(--space-md);
}
div.timeline-component .padding-y-xxxxs {
  padding-top: 0.125em;
  padding-top: var(--space-xxxxs);
  padding-bottom: 0.125em;
  padding-bottom: var(--space-xxxxs);
}
div.timeline-component .padding-y-xxxs {
  padding-top: 0.25em;
  padding-top: var(--space-xxxs);
  padding-bottom: 0.25em;
  padding-bottom: var(--space-xxxs);
}
div.timeline-component .padding-y-xxs {
  padding-top: 0.375em;
  padding-top: var(--space-xxs);
  padding-bottom: 0.375em;
  padding-bottom: var(--space-xxs);
}
div.timeline-component .padding-y-xs {
  padding-top: 0.5em;
  padding-top: var(--space-xs);
  padding-bottom: 0.5em;
  padding-bottom: var(--space-xs);
}
div.timeline-component .padding-y-sm {
  padding-top: 0.75em;
  padding-top: var(--space-sm);
  padding-bottom: 0.75em;
  padding-bottom: var(--space-sm);
}
div.timeline-component .padding-y-lg {
  padding-top: 2em;
  padding-top: var(--space-lg);
  padding-bottom: 2em;
  padding-bottom: var(--space-lg);
}
div.timeline-component .padding-y-xl {
  padding-top: 3.25em;
  padding-top: var(--space-xl);
  padding-bottom: 3.25em;
  padding-bottom: var(--space-xl);
}
div.timeline-component .padding-y-xxl {
  padding-top: 5.25em;
  padding-top: var(--space-xxl);
  padding-bottom: 5.25em;
  padding-bottom: var(--space-xxl);
}
div.timeline-component .padding-y-xxxl {
  padding-top: 8.5em;
  padding-top: var(--space-xxxl);
  padding-bottom: 8.5em;
  padding-bottom: var(--space-xxxl);
}
div.timeline-component .padding-y-xxxxl {
  padding-top: 13.75em;
  padding-top: var(--space-xxxxl);
  padding-bottom: 13.75em;
  padding-bottom: var(--space-xxxxl);
}
div.timeline-component .padding-y-component {
  padding-top: 1.25em;
  padding-top: var(--component-padding);
  padding-bottom: 1.25em;
  padding-bottom: var(--component-padding);
}
div.timeline-component .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.timeline-component .text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
}
div.timeline-component .text-center {
  text-align: center;
}
div.timeline-component .text-left {
  text-align: left;
}
div.timeline-component .text-right {
  text-align: right;
}
div.timeline-component .color-inherit {
  color: inherit;
}
div.timeline-component .color-contrast-medium {
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component .color-contrast-high {
  color: hsl(240, 4%, 20%);
  color: var(--color-contrast-high, #313135);
}
div.timeline-component .color-contrast-higher {
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21);
}
div.timeline-component .color-primary {
  color: hsl(220, 90%, 56%);
  color: var(--color-primary, #2a6df4);
}
div.timeline-component .color-accent {
  color: hsl(355, 90%, 61%);
  color: var(--color-accent, #f54251);
}
div.timeline-component .color-success {
  color: hsl(94, 48%, 56%);
  color: var(--color-success, #88c559);
}
div.timeline-component .color-warning {
  color: hsl(46, 100%, 61%);
  color: var(--color-warning, #ffd138);
}
div.timeline-component .color-error {
  color: hsl(355, 90%, 61%);
  color: var(--color-error, #f54251);
}
div.timeline-component .media-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
div.timeline-component .media-wrapper iframe,
div.timeline-component .media-wrapper video,
div.timeline-component .media-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.timeline-component .media-wrapper video,
div.timeline-component .media-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
}
div.timeline-component mark {
  background-color: hsla(355, 90%, 61%, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
}
div.timeline-component .text-component {
  --line-height-multiplier: 1;
  --text-vspace-multiplier: 1;
}
div.timeline-component .text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid hsl(240, 1%, 83%);
  border-left: 4px solid var(--color-contrast-low);
}
div.timeline-component .text-component hr {
  background: hsl(240, 1%, 83%);
  background: var(--color-contrast-low);
  height: 1px;
}
div.timeline-component .text-component figcaption {
  font-size: 0.83333em;
  font-size: var(--text-sm);
  color: hsl(240, 1%, 48%);
  color: var(--color-contrast-medium);
}
div.timeline-component .article.text-component {
  --line-height-multiplier: 1.13;
  --text-vspace-multiplier: 1.2;
}
div.timeline-component .btn {
  --color-shadow: hsla(240, 8%, 12%, 0.15);
  --color-shadow: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 4px 16px hsla(240, 8%, 12%, 0.15);
  box-shadow: 0 4px 16px hsla(240, 8%, 12%, 0.15);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
div.timeline-component .btn--primary {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.timeline-component .btn--accent {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.timeline-component .btn--disabled {
  opacity: 0.6;
}
div.timeline-component .form-control {
  border: 2px solid hsl(240, 1%, 83%);
  border: 2px solid var(--color-contrast-low);
}
div.timeline-component .form-control:focus {
  outline: none;
  border-color: hsl(220, 90%, 56%);
  border-color: var(--color-primary);
  --color-shadow: hsla(220, 90%, 56%, 0.2);
  --color-shadow: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: undefined;
  box-shadow: undefined;
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component .form-control:focus:focus {
  -webkit-box-shadow: 0 0 0 3px hsla(220, 90%, 56%, 0.2);
  box-shadow: 0 0 0 3px hsla(220, 90%, 56%, 0.2);
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component .form-control[aria-invalid=true] {
  border-color: hsl(355, 90%, 61%);
  border-color: var(--color-error);
}
div.timeline-component .form-control[aria-invalid=true]:focus {
  --color-shadow: hsla(355, 90%, 61%, 0.2);
  --color-shadow: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: undefined;
  box-shadow: undefined;
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component .form-control[aria-invalid=true]:focus:focus {
  -webkit-box-shadow: 0 0 0 3px hsla(355, 90%, 61%, 0.2);
  box-shadow: 0 0 0 3px hsla(355, 90%, 61%, 0.2);
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component .form-label {
  font-size: 0.83333em;
  font-size: var(--text-sm);
}
div.timeline-component .cd-main-header {
  height: 200px;
  height: var(--cd-header-height);
  background: hsl(206, 21%, 24%);
  background: var(--cd-color-1);
  color: hsl(0, 0%, 100%);
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.timeline-component .cd-main-header h1 {
  font-family: "Open Sans", sans-serif;
  color: inherit;
}
div.timeline-component .cd-timeline {
  overflow: hidden;
  padding: 2em 0;
  padding: var(--space-lg) 0;
  color: hsl(207, 10%, 55%);
  color: var(--cd-color-3);
  font-family: "Droid Serif", serif;
  font-family: var(--font-primary);
}
div.timeline-component .cd-timeline__container {
  position: relative;
  padding: 1.25em 0;
  padding: var(--space-md) 0;
}
div.timeline-component .cd-timeline__block {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: 2em;
  margin-bottom: var(--space-lg);
}
div.timeline-component .cd-timeline__block:last-child {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__block:nth-child(even) {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
}
div.timeline-component .cd-timeline__content {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
  margin-left: 1.25em;
  margin-left: var(--space-md);
  background: hsl(0, 0%, 100%);
  background: var(--color-white);
  border-radius: 0.25em;
  border-radius: var(--radius-md);
  -webkit-box-shadow: 0 3px 0 hsl(205, 38%, 89%);
  box-shadow: 0 3px 0 hsl(205, 38%, 89%);
  -webkit-box-shadow: 0 3px 0 var(--cd-color-2);
  box-shadow: 0 3px 0 var(--cd-color-2);
}
div.timeline-component .cd-timeline__content h2 {
  color: hsl(206, 21%, 24%);
  color: var(--cd-color-1);
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__content {
    width: 45%;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    will-change: transform;
    margin: 0;
    font-size: 0.8em;
    --line-height-multiplier: 1.2;
  }
}
div.timeline-component .cd-timeline__date {
  color: hsla(207, 10%, 55%, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
@media (min-width: 64rem) {
  div.timeline-component .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 120%;
    top: 20px;
  }
  div.timeline-component .cd-timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 120%;
    text-align: right;
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
[data-theme] {
  background-color: hsl(0, 0%, 100%);
  background-color: var(--color-bg, #fff);
  color: hsl(240, 4%, 20%);
  color: var(--color-contrast-high, #313135);
}

:root {
  --space-unit: 1em;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md);
  --max-width-xxs: 32rem;
  --max-width-xs: 38rem;
  --max-width-sm: 48rem;
  --max-width-md: 64rem;
  --max-width-lg: 80rem;
  --max-width-xl: 90rem;
  --max-width-xxl: 120rem;
  --radius-sm: calc(var(--radius, 0.25em) / 2);
  --radius-md: var(--radius, 0.25em);
  --radius-lg: calc(var(--radius, 0.25em) * 2);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.085), 0 1px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 1px 8px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 1px 8px rgba(0, 0, 0, 0.1), 0 16px 48px rgba(0, 0, 0, 0.1), 0 24px 60px rgba(0, 0, 0, 0.1);
  --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --icon-xxs: 12px;
  --icon-xs: 16px;
  --icon-sm: 24px;
  --icon-md: 32px;
  --icon-lg: 48px;
  --icon-xl: 64px;
  --icon-xxl: 128px;
  --zindex-header: 2;
  --zindex-popover: 5;
  --zindex-fixed-element: 10;
  --zindex-overlay: 15;
  --display: block;
  --radius: 0.25em;
  --font-primary: sans-serif;
  --text-base-size: 1em;
  --text-scale-ratio: 1.2;
  --text-xs: calc(1em / var(--text-scale-ratio) / var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
  --body-line-height: 1.4;
  --heading-line-height: 1.2;
  --font-primary-capital-letter: 1;
  --btn-font-size: 1em;
  --btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);
  --btn-font-size-md: calc(var(--btn-font-size) + 0.2em);
  --btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);
  --btn-radius: 0.25em;
  --btn-padding-x: var(--space-sm);
  --btn-padding-y: var(--space-xs);
  --cd-color-1: hsl(206, 21%, 24%);
  --cd-color-1-h: 206;
  --cd-color-1-s: 21%;
  --cd-color-1-l: 24%;
  --cd-color-2: hsl(205, 38%, 89%);
  --cd-color-2-h: 205;
  --cd-color-2-s: 38%;
  --cd-color-2-l: 89%;
  --cd-color-3: hsl(207, 10%, 55%);
  --cd-color-3-h: 207;
  --cd-color-3-s: 10%;
  --cd-color-3-l: 55%;
  --cd-color-4: hsl(111, 51%, 60%);
  --cd-color-4-h: 111;
  --cd-color-4-s: 51%;
  --cd-color-4-l: 60%;
  --cd-color-5: hsl(356, 53%, 49%);
  --cd-color-5-h: 356;
  --cd-color-5-s: 53%;
  --cd-color-5-l: 49%;
  --cd-color-6: hsl(47, 85%, 61%);
  --cd-color-6-h: 47;
  --cd-color-6-s: 85%;
  --cd-color-6-l: 61%;
  --cd-header-height: 200px;
  --font-primary: "Droid Serif", serif;
  --font-secondary: "Open Sans", sans-serif;
  --form-control-padding-x: var(--space-sm);
  --form-control-padding-y: var(--space-xs);
  --form-control-radius: 0.25em;
}

:root,
[data-theme=default] {
  --color-primary-darker: hsl(220, 90%, 36%);
  --color-primary-darker-h: 220;
  --color-primary-darker-s: 90%;
  --color-primary-darker-l: 36%;
  --color-primary-dark: hsl(220, 90%, 46%);
  --color-primary-dark-h: 220;
  --color-primary-dark-s: 90%;
  --color-primary-dark-l: 46%;
  --color-primary: hsl(220, 90%, 56%);
  --color-primary-h: 220;
  --color-primary-s: 90%;
  --color-primary-l: 56%;
  --color-primary-light: hsl(220, 90%, 66%);
  --color-primary-light-h: 220;
  --color-primary-light-s: 90%;
  --color-primary-light-l: 66%;
  --color-primary-lighter: hsl(220, 90%, 76%);
  --color-primary-lighter-h: 220;
  --color-primary-lighter-s: 90%;
  --color-primary-lighter-l: 76%;
  --color-accent-darker: hsl(355, 90%, 41%);
  --color-accent-darker-h: 355;
  --color-accent-darker-s: 90%;
  --color-accent-darker-l: 41%;
  --color-accent-dark: hsl(355, 90%, 51%);
  --color-accent-dark-h: 355;
  --color-accent-dark-s: 90%;
  --color-accent-dark-l: 51%;
  --color-accent: hsl(355, 90%, 61%);
  --color-accent-h: 355;
  --color-accent-s: 90%;
  --color-accent-l: 61%;
  --color-accent-light: hsl(355, 90%, 71%);
  --color-accent-light-h: 355;
  --color-accent-light-s: 90%;
  --color-accent-light-l: 71%;
  --color-accent-lighter: hsl(355, 90%, 81%);
  --color-accent-lighter-h: 355;
  --color-accent-lighter-s: 90%;
  --color-accent-lighter-l: 81%;
  --color-black: hsl(240, 8%, 12%);
  --color-black-h: 240;
  --color-black-s: 8%;
  --color-black-l: 12%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-success-darker: hsl(94, 48%, 36%);
  --color-success-darker-h: 94;
  --color-success-darker-s: 48%;
  --color-success-darker-l: 36%;
  --color-success-dark: hsl(94, 48%, 46%);
  --color-success-dark-h: 94;
  --color-success-dark-s: 48%;
  --color-success-dark-l: 46%;
  --color-success: hsl(94, 48%, 56%);
  --color-success-h: 94;
  --color-success-s: 48%;
  --color-success-l: 56%;
  --color-success-light: hsl(94, 48%, 66%);
  --color-success-light-h: 94;
  --color-success-light-s: 48%;
  --color-success-light-l: 66%;
  --color-success-lighter: hsl(94, 48%, 76%);
  --color-success-lighter-h: 94;
  --color-success-lighter-s: 48%;
  --color-success-lighter-l: 76%;
  --color-error-darker: hsl(355, 90%, 41%);
  --color-error-darker-h: 355;
  --color-error-darker-s: 90%;
  --color-error-darker-l: 41%;
  --color-error-dark: hsl(355, 90%, 51%);
  --color-error-dark-h: 355;
  --color-error-dark-s: 90%;
  --color-error-dark-l: 51%;
  --color-error: hsl(355, 90%, 61%);
  --color-error-h: 355;
  --color-error-s: 90%;
  --color-error-l: 61%;
  --color-error-light: hsl(355, 90%, 71%);
  --color-error-light-h: 355;
  --color-error-light-s: 90%;
  --color-error-light-l: 71%;
  --color-error-lighter: hsl(355, 90%, 81%);
  --color-error-lighter-h: 355;
  --color-error-lighter-s: 90%;
  --color-error-lighter-l: 81%;
  --color-warning-darker: hsl(46, 100%, 41%);
  --color-warning-darker-h: 46;
  --color-warning-darker-s: 100%;
  --color-warning-darker-l: 41%;
  --color-warning-dark: hsl(46, 100%, 51%);
  --color-warning-dark-h: 46;
  --color-warning-dark-s: 100%;
  --color-warning-dark-l: 51%;
  --color-warning: hsl(46, 100%, 61%);
  --color-warning-h: 46;
  --color-warning-s: 100%;
  --color-warning-l: 61%;
  --color-warning-light: hsl(46, 100%, 71%);
  --color-warning-light-h: 46;
  --color-warning-light-s: 100%;
  --color-warning-light-l: 71%;
  --color-warning-lighter: hsl(46, 100%, 81%);
  --color-warning-lighter-h: 46;
  --color-warning-lighter-s: 100%;
  --color-warning-lighter-l: 81%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-contrast-lower: hsl(0, 0%, 95%);
  --color-contrast-lower-h: 0;
  --color-contrast-lower-s: 0%;
  --color-contrast-lower-l: 95%;
  --color-contrast-low: hsl(240, 1%, 83%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 1%;
  --color-contrast-low-l: 83%;
  --color-contrast-medium: hsl(240, 1%, 48%);
  --color-contrast-medium-h: 240;
  --color-contrast-medium-s: 1%;
  --color-contrast-medium-l: 48%;
  --color-contrast-high: hsl(240, 4%, 20%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 4%;
  --color-contrast-high-l: 20%;
  --color-contrast-higher: hsl(240, 8%, 12%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 8%;
  --color-contrast-higher-l: 12%;
}

@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --space-unit: 1.25em;
    }
  }
}
@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --text-base-size: 1.25em;
      --text-scale-ratio: 1.25;
    }
  }
}
@supports (--css: variables) {
  @media (min-width: 64rem) {
    :root {
      --cd-header-height: 300px;
    }
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div.timeline-component-nuevo {
  background-color: #f2f2f2;
}
div.timeline-component-nuevo h2.titulo {
  padding-top: 50px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  font-family: BBVA-Medium;
  color: #043263;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo h2.titulo {
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container {
    max-width: 84rem;
  }
}
@media (max-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container::before {
    left: 49.8% !important;
  }
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container::before {
    top: 25px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block {
    width: 70.5rem !important;
  }
}
@media (max-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block:first-child {
  padding-top: 40px;
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .timeline-img {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media (max-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .timeline-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 75%;
    height: 270px;
  }
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .timeline-img img {
    height: 170px;
  }
}
@media (max-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .timeline-img img {
    width: 100%;
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block:nth-child(odd) .timeline-img {
  margin-left: -6px;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block:nth-child(odd) .cd-timeline__content .timeline-fecha .fecha-container {
    border-left: 1px solid grey;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block:nth-child(even) .timeline-img {
  margin-right: -2px;
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block:nth-child(even) .cd-timeline__content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block:nth-child(even) .cd-timeline__content .timeline-fecha .fecha-container {
    border-right: 1px solid grey;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 5s;
  animation: fadeIn 5s;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content {
    max-width: 576px;
    height: 170px;
  }
}
@media (max-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0;
    width: 75%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-fecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-fecha {
    width: 25%;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-fecha .fecha-container {
  padding: 50px 0;
  width: 100%;
  text-align: center;
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-fecha .fecha-container p {
  text-transform: uppercase;
  font-size: 18px;
  color: #212529;
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content {
  padding: 20px 50px;
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content::before {
  height: 0 !important;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content {
    max-width: 75%;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  font-family: BBVA-Medium;
  color: #043263;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content h2 {
    max-width: 100%;
    font-size: 22px;
    line-height: 33px;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content p {
  font-size: 12px;
  line-height: 16px;
  padding-top: 10px;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content .timeline-content p {
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 100%;
  width: 0;
  height: 0;
  border: 0;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__content::before {
    width: 35px;
  }
}
div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__img {
  height: 14px !important;
  width: 14px !important;
  font-family: BBVA-Medium;
  margin-top: 75px !important;
  background: #004481 !important;
  border: 2px solid white;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__container .cd-timeline__block .cd-timeline__img {
    width: 140px;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-left: -4px;
    z-index: 1;
    will-change: transform;
  }
}
div.timeline-component-nuevo .cd-timeline__img--picture {
  background-color: #004581;
  color: #fff;
}
div.timeline-component-nuevo .cd-timeline__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #004481;
}
div.timeline-component-nuevo .cd-timeline__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 25px;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__img {
    width: 120px;
    height: 40px;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-left: -5px;
    will-change: transform;
  }
  div.timeline-component-nuevo .cd-timeline__block:nth-child(even) .cd-timeline__img {
    margin-right: -5px;
  }
  div.timeline-component-nuevo .cd-timeline__block:nth-child(odd) .cd-timeline__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  div.timeline-component-nuevo .cd-timeline__block .cd-timeline__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  div.timeline-component-nuevo .cd-timeline__block:nth-child(odd) .cd-timeline__content::before {
    right: auto;
    left: 100%;
    width: 0;
    height: 0;
    border: 0;
    background: #004481;
    top: 20px;
  }
  div.timeline-component-nuevo .cd-timeline__content.imaged .timeline-content {
    max-width: 405px;
  }
  div.timeline-component-nuevo .cd-timeline__content.imaged .timeline-content h2, div.timeline-component-nuevo .cd-timeline__content.imaged .timeline-content p {
    max-width: 405px;
  }
}
div.timeline-component-nuevo .container {
  width: calc(100% - 2 * var(--component-padding));
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .max-width-adaptive-sm {
    max-width: 48rem;
    max-width: var(--max-width-sm);
  }
}
div.timeline-component-nuevo .max-width-adaptive-md {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .max-width-adaptive-md {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
div.timeline-component-nuevo .max-width-adaptive,
div.timeline-component-nuevo .max-width-adaptive-lg {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .max-width-adaptive,
  div.timeline-component-nuevo .max-width-adaptive-lg {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
@media (min-width: 90rem) {
  div.timeline-component-nuevo .max-width-adaptive,
  div.timeline-component-nuevo .max-width-adaptive-lg {
    max-width: 80rem;
    max-width: var(--max-width-lg);
  }
}
div.timeline-component-nuevo .max-width-adaptive-xl {
  max-width: 38rem;
  max-width: var(--max-width-xs);
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .max-width-adaptive-xl {
    max-width: 64rem;
    max-width: var(--max-width-md);
  }
}
@media (min-width: 90rem) {
  div.timeline-component-nuevo .max-width-adaptive-xl {
    max-width: 90rem;
    max-width: var(--max-width-xl);
  }
}
div.timeline-component-nuevo .grid {
  --grid-gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.timeline-component-nuevo .grid > * {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
div.timeline-component-nuevo [class*=grid-gap] {
  margin-bottom: calc(var(--grid-gap, 1em) * -1);
  margin-right: calc(var(--grid-gap, 1em) * -1);
}
div.timeline-component-nuevo [class*=grid-gap] > * {
  margin-bottom: var(--grid-gap, 1em);
  margin-right: var(--grid-gap, 1em);
}
div.timeline-component-nuevo .grid-gap-xxxxs {
  --grid-gap: var(--space-xxxxs);
}
div.timeline-component-nuevo .grid-gap-xxxs {
  --grid-gap: var(--space-xxxs);
}
div.timeline-component-nuevo .grid-gap-xxs {
  --grid-gap: var(--space-xxs);
}
div.timeline-component-nuevo .grid-gap-xs {
  --grid-gap: var(--space-xs);
}
div.timeline-component-nuevo .grid-gap-sm {
  --grid-gap: var(--space-sm);
}
div.timeline-component-nuevo .grid-gap-md {
  --grid-gap: var(--space-md);
}
div.timeline-component-nuevo .grid-gap-lg {
  --grid-gap: var(--space-lg);
}
div.timeline-component-nuevo .grid-gap-xl {
  --grid-gap: var(--space-xl);
}
div.timeline-component-nuevo .grid-gap-xxl {
  --grid-gap: var(--space-xxl);
}
div.timeline-component-nuevo .grid-gap-xxxl {
  --grid-gap: var(--space-xxxl);
}
div.timeline-component-nuevo .grid-gap-xxxxl {
  --grid-gap: var(--space-xxxxl);
}
div.timeline-component-nuevo .col {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}
div.timeline-component-nuevo .col-1 {
  -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-2 {
  -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-3 {
  -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(25% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-4 {
  -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-5 {
  -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-6 {
  -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(50% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-7 {
  -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-8 {
  -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-9 {
  -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(75% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-10 {
  -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-11 {
  -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .col-12 {
  -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
  flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
  max-width: calc(100% - 0.01px - var(--grid-gap, 1em));
}
div.timeline-component-nuevo .icon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 1em;
  width: 1em;
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
div.timeline-component-nuevo .icon--xxs {
  font-size: var(--icon-xxs);
}
div.timeline-component-nuevo .icon--xs {
  font-size: var(--icon-xs);
}
div.timeline-component-nuevo .icon--sm {
  font-size: var(--icon-sm);
}
div.timeline-component-nuevo .icon--md {
  font-size: var(--icon-md);
}
div.timeline-component-nuevo .icon--lg {
  font-size: var(--icon-lg);
}
div.timeline-component-nuevo .icon--xl {
  font-size: var(--icon-xl);
}
div.timeline-component-nuevo .icon--xxl {
  font-size: var(--icon-xxl);
}
div.timeline-component-nuevo .icon--is-spinning {
  -webkit-animation: icon-spin 1s infinite linear;
  animation: icon-spin 1s infinite linear;
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.timeline-component-nuevo .icon use {
  color: inherit;
  fill: currentColor;
}
div.timeline-component-nuevo .btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1;
  font-size: var(--btn-font-size, 1em);
  padding-top: var(--btn-padding-y, 0.5em);
  padding-bottom: var(--btn-padding-y, 0.5em);
  padding-left: var(--btn-padding-x, 0.75em);
  padding-right: var(--btn-padding-x, 0.75em);
  border-radius: var(--btn-radius, 0.25em);
}
div.timeline-component-nuevo .btn--primary {
  background-color: var(--color-primary, #2a6df4);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff);
}
div.timeline-component-nuevo .btn--subtle {
  background-color: var(--color-contrast-low, #d3d3d4);
  color: hsl(240, 8%, 12%);
  color: var(--color-contrast-higher, #1c1c21);
}
div.timeline-component-nuevo .btn--accent {
  background-color: var(--color-accent, #f54251);
  color: hsl(0, 0%, 100%);
  color: var(--color-white, #fff);
}
div.timeline-component-nuevo .btn--disabled {
  cursor: not-allowed;
}
div.timeline-component-nuevo .btn--sm {
  font-size: var(--btn-font-size-sm, 0.8em);
}
div.timeline-component-nuevo .btn--md {
  font-size: var(--btn-font-size-md, 1.2em);
}
div.timeline-component-nuevo .btn--lg {
  font-size: var(--btn-font-size-lg, 1.4em);
}
div.timeline-component-nuevo .btn--icon {
  padding: var(--btn-padding-y, 0.5em);
}
div.timeline-component-nuevo .form-control {
  background-color: var(--color-bg, #f2f2f2);
  padding-top: var(--form-control-padding-y, 0.5em);
  padding-bottom: var(--form-control-padding-y, 0.5em);
  padding-left: var(--form-control-padding-x, 0.75em);
  padding-right: var(--form-control-padding-x, 0.75em);
  border-radius: var(--form-control-radius, 0.25em);
}
div.timeline-component-nuevo .form-control::-webkit-input-placeholder {
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component-nuevo .form-control::-moz-placeholder {
  opacity: 1;
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component-nuevo .form-control:-ms-input-placeholder {
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component-nuevo .form-control:-moz-placeholder {
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component-nuevo .form-control[disabled],
div.timeline-component-nuevo .form-control[readonly] {
  cursor: not-allowed;
}
div.timeline-component-nuevo .form-legend {
  color: var(--color-contrast-higher, #1c1c21);
  line-height: 1.2;
  font-size: var(--text-md, 1.2em);
  margin-bottom: var(--space-xxs);
}
div.timeline-component-nuevo .form-label {
  display: inline-block;
}
div.timeline-component-nuevo .form__msg-error {
  background-color: var(--color-error, #f54251);
  color: var(--color-white, #fff);
  font-size: var(--text-sm, 0.833em);
  padding: var(--space-xs);
  margin-top: var(--space-sm);
  border-radius: var(--radius-md, 0.25em);
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
div.timeline-component-nuevo .form__msg-error::before {
  content: "";
  position: absolute;
  left: var(--space-sm);
  top: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: var(--color-error);
}
div.timeline-component-nuevo .form__msg-error--is-visible {
  position: relative;
  clip: auto;
}
div.timeline-component-nuevo .radio-list > *,
div.timeline-component-nuevo .checkbox-list > * {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: var(--space-xxs);
}
div.timeline-component-nuevo .radio-list > *:last-of-type,
div.timeline-component-nuevo .checkbox-list > *:last-of-type {
  margin-bottom: 0;
}
div.timeline-component-nuevo .radio-list label,
div.timeline-component-nuevo .checkbox-list label {
  line-height: var(--body-line-height);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.timeline-component-nuevo .radio-list input,
div.timeline-component-nuevo .checkbox-list input {
  vertical-align: top;
  margin-right: var(--space-xxxs);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
div.timeline-component-nuevo .is-visible {
  display: var(--display) !important;
}
div.timeline-component-nuevo .is-hidden {
  display: none !important;
}
div.timeline-component-nuevo .sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}
div.timeline-component-nuevo .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.timeline-component-nuevo .inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
div.timeline-component-nuevo .flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
div.timeline-component-nuevo .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
div.timeline-component-nuevo .flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
div.timeline-component-nuevo .flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
div.timeline-component-nuevo .justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
div.timeline-component-nuevo .justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
div.timeline-component-nuevo .justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
div.timeline-component-nuevo .justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
div.timeline-component-nuevo .items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
div.timeline-component-nuevo .items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
div.timeline-component-nuevo .items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
div.timeline-component-nuevo .flex-grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
div.timeline-component-nuevo .flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
div.timeline-component-nuevo .flex-gap-xxxs {
  margin-bottom: calc(-1 * var(--space-xxxs));
  margin-right: calc(-1 * var(--space-xxxs));
}
div.timeline-component-nuevo .flex-gap-xxxs > * {
  margin-bottom: var(--space-xxxs);
  margin-right: var(--space-xxxs);
}
div.timeline-component-nuevo .flex-gap-xxs {
  margin-bottom: calc(-1 * var(--space-xxs));
  margin-right: calc(-1 * var(--space-xxs));
}
div.timeline-component-nuevo .flex-gap-xxs > * {
  margin-bottom: var(--space-xxs);
  margin-right: var(--space-xxs);
}
div.timeline-component-nuevo .flex-gap-xs {
  margin-bottom: calc(-1 * var(--space-xs));
  margin-right: calc(-1 * var(--space-xs));
}
div.timeline-component-nuevo .flex-gap-xs > * {
  margin-bottom: var(--space-xs);
  margin-right: var(--space-xs);
}
div.timeline-component-nuevo .flex-gap-sm {
  margin-bottom: calc(-1 * var(--space-sm));
  margin-right: calc(-1 * var(--space-sm));
}
div.timeline-component-nuevo .flex-gap-sm > * {
  margin-bottom: var(--space-sm);
  margin-right: var(--space-sm);
}
div.timeline-component-nuevo .flex-gap-md {
  margin-bottom: calc(-1 * var(--space-md));
  margin-right: calc(-1 * var(--space-md));
}
div.timeline-component-nuevo .flex-gap-md > * {
  margin-bottom: var(--space-md);
  margin-right: var(--space-md);
}
div.timeline-component-nuevo .flex-gap-lg {
  margin-bottom: calc(-1 * var(--space-lg));
  margin-right: calc(-1 * var(--space-lg));
}
div.timeline-component-nuevo .flex-gap-lg > * {
  margin-bottom: var(--space-lg);
  margin-right: var(--space-lg);
}
div.timeline-component-nuevo .flex-gap-xl {
  margin-bottom: calc(-1 * var(--space-xl));
  margin-right: calc(-1 * var(--space-xl));
}
div.timeline-component-nuevo .flex-gap-xl > * {
  margin-bottom: var(--space-xl);
  margin-right: var(--space-xl);
}
div.timeline-component-nuevo .flex-gap-xxl {
  margin-bottom: calc(-1 * var(--space-xxl));
  margin-right: calc(-1 * var(--space-xxl));
}
div.timeline-component-nuevo .flex-gap-xxl > * {
  margin-bottom: var(--space-xxl);
  margin-right: var(--space-xxl);
}
div.timeline-component-nuevo .margin-xxxxs {
  margin: var(--space-xxxxs);
}
div.timeline-component-nuevo .margin-xxxs {
  margin: var(--space-xxxs);
}
div.timeline-component-nuevo .margin-xxs {
  margin: var(--space-xxs);
}
div.timeline-component-nuevo .margin-xs {
  margin: var(--space-xs);
}
div.timeline-component-nuevo .margin-sm {
  margin: var(--space-sm);
}
div.timeline-component-nuevo .margin-md {
  margin: var(--space-md);
}
div.timeline-component-nuevo .margin-lg {
  margin: var(--space-lg);
}
div.timeline-component-nuevo .margin-xl {
  margin: var(--space-xl);
}
div.timeline-component-nuevo .margin-xxl {
  margin: var(--space-xxl);
}
div.timeline-component-nuevo .margin-xxxl {
  margin: var(--space-xxxl);
}
div.timeline-component-nuevo .margin-xxxxl {
  margin: var(--space-xxxxl);
}
div.timeline-component-nuevo .margin-auto {
  margin: auto;
}
div.timeline-component-nuevo .margin-top-xxxxs {
  margin-top: var(--space-xxxxs);
}
div.timeline-component-nuevo .margin-top-xxxs {
  margin-top: var(--space-xxxs);
}
div.timeline-component-nuevo .margin-top-xxs {
  margin-top: var(--space-xxs);
}
div.timeline-component-nuevo .margin-top-xs {
  margin-top: var(--space-xs);
}
div.timeline-component-nuevo .margin-top-sm {
  margin-top: var(--space-sm);
}
div.timeline-component-nuevo .margin-top-md {
  margin-top: var(--space-md);
}
div.timeline-component-nuevo .margin-top-lg {
  margin-top: var(--space-lg);
}
div.timeline-component-nuevo .margin-top-xl {
  margin-top: var(--space-xl);
}
div.timeline-component-nuevo .margin-top-xxl {
  margin-top: var(--space-xxl);
}
div.timeline-component-nuevo .margin-top-xxxl {
  margin-top: var(--space-xxxl);
}
div.timeline-component-nuevo .margin-top-xxxxl {
  margin-top: var(--space-xxxxl);
}
div.timeline-component-nuevo .margin-top-auto {
  margin-top: auto;
}
div.timeline-component-nuevo .margin-bottom-xxxxs {
  margin-bottom: var(--space-xxxxs);
}
div.timeline-component-nuevo .margin-bottom-xxxs {
  margin-bottom: var(--space-xxxs);
}
div.timeline-component-nuevo .margin-bottom-xxs {
  margin-bottom: var(--space-xxs);
}
div.timeline-component-nuevo .margin-bottom-xs {
  margin-bottom: var(--space-xs);
}
div.timeline-component-nuevo .margin-bottom-sm {
  margin-bottom: var(--space-sm);
}
div.timeline-component-nuevo .margin-bottom-md {
  margin-bottom: var(--space-md);
}
div.timeline-component-nuevo .margin-bottom-lg {
  margin-bottom: var(--space-lg);
}
div.timeline-component-nuevo .margin-bottom-xl {
  margin-bottom: var(--space-xl);
}
div.timeline-component-nuevo .margin-bottom-xxl {
  margin-bottom: var(--space-xxl);
}
div.timeline-component-nuevo .margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl);
}
div.timeline-component-nuevo .margin-bottom-xxxxl {
  margin-bottom: var(--space-xxxxl);
}
div.timeline-component-nuevo .margin-bottom-auto {
  margin-bottom: auto;
}
div.timeline-component-nuevo .margin-right-xxxxs {
  margin-right: var(--space-xxxxs);
}
div.timeline-component-nuevo .margin-right-xxxs {
  margin-right: var(--space-xxxs);
}
div.timeline-component-nuevo .margin-right-xxs {
  margin-right: var(--space-xxs);
}
div.timeline-component-nuevo .margin-right-xs {
  margin-right: var(--space-xs);
}
div.timeline-component-nuevo .margin-right-sm {
  margin-right: var(--space-sm);
}
div.timeline-component-nuevo .margin-right-md {
  margin-right: var(--space-md);
}
div.timeline-component-nuevo .margin-right-lg {
  margin-right: var(--space-lg);
}
div.timeline-component-nuevo .margin-right-xl {
  margin-right: var(--space-xl);
}
div.timeline-component-nuevo .margin-right-xxl {
  margin-right: var(--space-xxl);
}
div.timeline-component-nuevo .margin-right-xxxl {
  margin-right: var(--space-xxxl);
}
div.timeline-component-nuevo .margin-right-xxxxl {
  margin-right: var(--space-xxxxl);
}
div.timeline-component-nuevo .margin-right-auto {
  margin-right: auto;
}
div.timeline-component-nuevo .margin-left-xxxxs {
  margin-left: var(--space-xxxxs);
}
div.timeline-component-nuevo .margin-left-xxxs {
  margin-left: var(--space-xxxs);
}
div.timeline-component-nuevo .margin-left-xxs {
  margin-left: var(--space-xxs);
}
div.timeline-component-nuevo .margin-left-xs {
  margin-left: var(--space-xs);
}
div.timeline-component-nuevo .margin-left-sm {
  margin-left: var(--space-sm);
}
div.timeline-component-nuevo .margin-left-md {
  margin-left: var(--space-md);
}
div.timeline-component-nuevo .margin-left-lg {
  margin-left: var(--space-lg);
}
div.timeline-component-nuevo .margin-left-xl {
  margin-left: var(--space-xl);
}
div.timeline-component-nuevo .margin-left-xxl {
  margin-left: var(--space-xxl);
}
div.timeline-component-nuevo .margin-left-xxxl {
  margin-left: var(--space-xxxl);
}
div.timeline-component-nuevo .margin-left-xxxxl {
  margin-left: var(--space-xxxxl);
}
div.timeline-component-nuevo .margin-left-auto {
  margin-left: auto;
}
div.timeline-component-nuevo .margin-x-xxxxs {
  margin-left: var(--space-xxxxs);
  margin-right: var(--space-xxxxs);
}
div.timeline-component-nuevo .margin-x-xxxs {
  margin-left: var(--space-xxxs);
  margin-right: var(--space-xxxs);
}
div.timeline-component-nuevo .margin-x-xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs);
}
div.timeline-component-nuevo .margin-x-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs);
}
div.timeline-component-nuevo .margin-x-sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}
div.timeline-component-nuevo .margin-x-md {
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}
div.timeline-component-nuevo .margin-x-lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}
div.timeline-component-nuevo .margin-x-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}
div.timeline-component-nuevo .margin-x-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl);
}
div.timeline-component-nuevo .margin-x-xxxl {
  margin-left: var(--space-xxxl);
  margin-right: var(--space-xxxl);
}
div.timeline-component-nuevo .margin-x-xxxxl {
  margin-left: var(--space-xxxxl);
  margin-right: var(--space-xxxxl);
}
div.timeline-component-nuevo .margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}
div.timeline-component-nuevo .margin-y-xxxxs {
  margin-top: var(--space-xxxxs);
  margin-bottom: var(--space-xxxxs);
}
div.timeline-component-nuevo .margin-y-xxxs {
  margin-top: var(--space-xxxs);
  margin-bottom: var(--space-xxxs);
}
div.timeline-component-nuevo .margin-y-xxs {
  margin-top: var(--space-xxs);
  margin-bottom: var(--space-xxs);
}
div.timeline-component-nuevo .margin-y-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
}
div.timeline-component-nuevo .margin-y-sm {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-sm);
}
div.timeline-component-nuevo .margin-y-md {
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
div.timeline-component-nuevo .margin-y-lg {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}
div.timeline-component-nuevo .margin-y-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}
div.timeline-component-nuevo .margin-y-xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl);
}
div.timeline-component-nuevo .margin-y-xxxl {
  margin-top: var(--space-xxxl);
  margin-bottom: var(--space-xxxl);
}
div.timeline-component-nuevo .margin-y-xxxxl {
  margin-top: var(--space-xxxxl);
  margin-bottom: var(--space-xxxxl);
}
div.timeline-component-nuevo .margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}
div.timeline-component-nuevo .padding-md {
  padding: var(--space-md);
}
div.timeline-component-nuevo .padding-xxxxs {
  padding: var(--space-xxxxs);
}
div.timeline-component-nuevo .padding-xxxs {
  padding: var(--space-xxxs);
}
div.timeline-component-nuevo .padding-xxs {
  padding: var(--space-xxs);
}
div.timeline-component-nuevo .padding-xs {
  padding: var(--space-xs);
}
div.timeline-component-nuevo .padding-sm {
  padding: var(--space-sm);
}
div.timeline-component-nuevo .padding-lg {
  padding: var(--space-lg);
}
div.timeline-component-nuevo .padding-xl {
  padding: var(--space-xl);
}
div.timeline-component-nuevo .padding-xxl {
  padding: var(--space-xxl);
}
div.timeline-component-nuevo .padding-xxxl {
  padding: var(--space-xxxl);
}
div.timeline-component-nuevo .padding-xxxxl {
  padding: var(--space-xxxxl);
}
div.timeline-component-nuevo .padding-component {
  padding: var(--component-padding);
}
div.timeline-component-nuevo .padding-top-md {
  padding-top: var(--space-md);
}
div.timeline-component-nuevo .padding-top-xxxxs {
  padding-top: var(--space-xxxxs);
}
div.timeline-component-nuevo .padding-top-xxxs {
  padding-top: var(--space-xxxs);
}
div.timeline-component-nuevo .padding-top-xxs {
  padding-top: var(--space-xxs);
}
div.timeline-component-nuevo .padding-top-xs {
  padding-top: var(--space-xs);
}
div.timeline-component-nuevo .padding-top-sm {
  padding-top: var(--space-sm);
}
div.timeline-component-nuevo .padding-top-lg {
  padding-top: var(--space-lg);
}
div.timeline-component-nuevo .padding-top-xl {
  padding-top: var(--space-xl);
}
div.timeline-component-nuevo .padding-top-xxl {
  padding-top: var(--space-xxl);
}
div.timeline-component-nuevo .padding-top-xxxl {
  padding-top: var(--space-xxxl);
}
div.timeline-component-nuevo .padding-top-xxxxl {
  padding-top: var(--space-xxxxl);
}
div.timeline-component-nuevo .padding-top-component {
  padding-top: var(--component-padding);
}
div.timeline-component-nuevo .padding-bottom-md {
  padding-bottom: var(--space-md);
}
div.timeline-component-nuevo .padding-bottom-xxxxs {
  padding-bottom: var(--space-xxxxs);
}
div.timeline-component-nuevo .padding-bottom-xxxs {
  padding-bottom: var(--space-xxxs);
}
div.timeline-component-nuevo .padding-bottom-xxs {
  padding-bottom: var(--space-xxs);
}
div.timeline-component-nuevo .padding-bottom-xs {
  padding-bottom: var(--space-xs);
}
div.timeline-component-nuevo .padding-bottom-sm {
  padding-bottom: var(--space-sm);
}
div.timeline-component-nuevo .padding-bottom-lg {
  padding-bottom: var(--space-lg);
}
div.timeline-component-nuevo .padding-bottom-xl {
  padding-bottom: var(--space-xl);
}
div.timeline-component-nuevo .padding-bottom-xxl {
  padding-bottom: var(--space-xxl);
}
div.timeline-component-nuevo .padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl);
}
div.timeline-component-nuevo .padding-bottom-xxxxl {
  padding-bottom: var(--space-xxxxl);
}
div.timeline-component-nuevo .padding-bottom-component {
  padding-bottom: var(--component-padding);
}
div.timeline-component-nuevo .padding-right-md {
  padding-right: var(--space-md);
}
div.timeline-component-nuevo .padding-right-xxxxs {
  padding-right: var(--space-xxxxs);
}
div.timeline-component-nuevo .padding-right-xxxs {
  padding-right: var(--space-xxxs);
}
div.timeline-component-nuevo .padding-right-xxs {
  padding-right: var(--space-xxs);
}
div.timeline-component-nuevo .padding-right-xs {
  padding-right: var(--space-xs);
}
div.timeline-component-nuevo .padding-right-sm {
  padding-right: var(--space-sm);
}
div.timeline-component-nuevo .padding-right-lg {
  padding-right: var(--space-lg);
}
div.timeline-component-nuevo .padding-right-xl {
  padding-right: var(--space-xl);
}
div.timeline-component-nuevo .padding-right-xxl {
  padding-right: var(--space-xxl);
}
div.timeline-component-nuevo .padding-right-xxxl {
  padding-right: var(--space-xxxl);
}
div.timeline-component-nuevo .padding-right-xxxxl {
  padding-right: var(--space-xxxxl);
}
div.timeline-component-nuevo .padding-right-component {
  padding-right: var(--component-padding);
}
div.timeline-component-nuevo .padding-left-md {
  padding-left: var(--space-md);
}
div.timeline-component-nuevo .padding-left-xxxxs {
  padding-left: var(--space-xxxxs);
}
div.timeline-component-nuevo .padding-left-xxxs {
  padding-left: var(--space-xxxs);
}
div.timeline-component-nuevo .padding-left-xxs {
  padding-left: var(--space-xxs);
}
div.timeline-component-nuevo .padding-left-xs {
  padding-left: var(--space-xs);
}
div.timeline-component-nuevo .padding-left-sm {
  padding-left: var(--space-sm);
}
div.timeline-component-nuevo .padding-left-lg {
  padding-left: var(--space-lg);
}
div.timeline-component-nuevo .padding-left-xl {
  padding-left: var(--space-xl);
}
div.timeline-component-nuevo .padding-left-xxl {
  padding-left: var(--space-xxl);
}
div.timeline-component-nuevo .padding-left-xxxl {
  padding-left: var(--space-xxxl);
}
div.timeline-component-nuevo .padding-left-xxxxl {
  padding-left: var(--space-xxxxl);
}
div.timeline-component-nuevo .padding-left-component {
  padding-left: var(--component-padding);
}
div.timeline-component-nuevo .padding-x-md {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}
div.timeline-component-nuevo .padding-x-xxxxs {
  padding-left: var(--space-xxxxs);
  padding-right: var(--space-xxxxs);
}
div.timeline-component-nuevo .padding-x-xxxs {
  padding-left: var(--space-xxxs);
  padding-right: var(--space-xxxs);
}
div.timeline-component-nuevo .padding-x-xxs {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}
div.timeline-component-nuevo .padding-x-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}
div.timeline-component-nuevo .padding-x-sm {
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
}
div.timeline-component-nuevo .padding-x-lg {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}
div.timeline-component-nuevo .padding-x-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}
div.timeline-component-nuevo .padding-x-xxl {
  padding-left: var(--space-xxl);
  padding-right: var(--space-xxl);
}
div.timeline-component-nuevo .padding-x-xxxl {
  padding-left: var(--space-xxxl);
  padding-right: var(--space-xxxl);
}
div.timeline-component-nuevo .padding-x-xxxxl {
  padding-left: var(--space-xxxxl);
  padding-right: var(--space-xxxxl);
}
div.timeline-component-nuevo .padding-x-component {
  padding-left: var(--component-padding);
  padding-right: var(--component-padding);
}
div.timeline-component-nuevo .padding-y-md {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}
div.timeline-component-nuevo .padding-y-xxxxs {
  padding-top: var(--space-xxxxs);
  padding-bottom: var(--space-xxxxs);
}
div.timeline-component-nuevo .padding-y-xxxs {
  padding-top: var(--space-xxxs);
  padding-bottom: var(--space-xxxs);
}
div.timeline-component-nuevo .padding-y-xxs {
  padding-top: var(--space-xxs);
  padding-bottom: var(--space-xxs);
}
div.timeline-component-nuevo .padding-y-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}
div.timeline-component-nuevo .padding-y-sm {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}
div.timeline-component-nuevo .padding-y-lg {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}
div.timeline-component-nuevo .padding-y-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}
div.timeline-component-nuevo .padding-y-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl);
}
div.timeline-component-nuevo .padding-y-xxxl {
  padding-top: var(--space-xxxl);
  padding-bottom: var(--space-xxxl);
}
div.timeline-component-nuevo .padding-y-xxxxl {
  padding-top: var(--space-xxxxl);
  padding-bottom: var(--space-xxxxl);
}
div.timeline-component-nuevo .padding-y-component {
  padding-top: var(--component-padding);
  padding-bottom: var(--component-padding);
}
div.timeline-component-nuevo .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.timeline-component-nuevo .text-replace {
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
}
div.timeline-component-nuevo .text-center {
  text-align: center;
}
div.timeline-component-nuevo .text-left {
  text-align: left;
}
div.timeline-component-nuevo .text-right {
  text-align: right;
}
div.timeline-component-nuevo .color-inherit {
  color: inherit;
}
div.timeline-component-nuevo .color-contrast-medium {
  color: var(--color-contrast-medium, #79797c);
}
div.timeline-component-nuevo .color-contrast-high {
  color: var(--color-contrast-high, #313135);
}
div.timeline-component-nuevo .color-contrast-higher {
  color: var(--color-contrast-higher, #1c1c21);
}
div.timeline-component-nuevo .color-primary {
  color: var(--color-primary, #2a6df4);
}
div.timeline-component-nuevo .color-accent {
  color: var(--color-accent, #f54251);
}
div.timeline-component-nuevo .color-success {
  color: var(--color-success, #88c559);
}
div.timeline-component-nuevo .color-warning {
  color: var(--color-warning, #ffd138);
}
div.timeline-component-nuevo .color-error {
  color: var(--color-error, #f54251);
}
div.timeline-component-nuevo .media-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
div.timeline-component-nuevo .media-wrapper iframe,
div.timeline-component-nuevo .media-wrapper video,
div.timeline-component-nuevo .media-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.timeline-component-nuevo .media-wrapper video,
div.timeline-component-nuevo .media-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
}
div.timeline-component-nuevo mark {
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
}
div.timeline-component-nuevo .text-component {
  --line-height-multiplier: 1;
  --text-vspace-multiplier: 1;
}
div.timeline-component-nuevo .text-component blockquote {
  padding-left: 1em;
  border-left: 4px solid var(--color-contrast-low);
}
div.timeline-component-nuevo .text-component hr {
  background: var(--color-contrast-low);
  height: 1px;
}
div.timeline-component-nuevo .text-component figcaption {
  font-size: var(--text-sm);
  color: var(--color-contrast-medium);
}
div.timeline-component-nuevo .article.text-component {
  --line-height-multiplier: 1.13;
  --text-vspace-multiplier: 1.2;
}
div.timeline-component-nuevo .btn {
  --color-shadow: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
div.timeline-component-nuevo .btn--primary {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.timeline-component-nuevo .btn--accent {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.timeline-component-nuevo .btn--disabled {
  opacity: 0.6;
}
div.timeline-component-nuevo .form-control {
  border: 2px solid var(--color-contrast-low);
}
div.timeline-component-nuevo .form-control:focus {
  outline: none;
  border-color: var(--color-primary);
  --color-shadow: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component-nuevo .form-control:focus:focus {
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component-nuevo .form-control[aria-invalid=true] {
  border-color: var(--color-error);
}
div.timeline-component-nuevo .form-control[aria-invalid=true]:focus {
  --color-shadow: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component-nuevo .form-control[aria-invalid=true]:focus:focus {
  -webkit-box-shadow: 0 0 0 3px var(--color-shadow);
  box-shadow: 0 0 0 3px var(--color-shadow);
}
div.timeline-component-nuevo .form-label {
  font-size: var(--text-sm);
}
div.timeline-component-nuevo .cd-main-header {
  height: var(--cd-header-height);
  background: var(--cd-color-1);
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.timeline-component-nuevo .cd-main-header h1 {
  font-family: "Open Sans", sans-serif;
  color: inherit;
}
div.timeline-component-nuevo .cd-timeline {
  overflow: hidden;
  padding: var(--space-lg) 0;
  color: var(--cd-color-3);
  font-family: var(--font-primary);
}
div.timeline-component-nuevo .cd-timeline__container {
  position: relative;
  padding: var(--space-md) 0;
}
div.timeline-component-nuevo .cd-timeline__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: var(--space-lg);
}
div.timeline-component-nuevo .cd-timeline__block:last-child {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__block:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
div.timeline-component-nuevo .cd-timeline__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  margin-left: var(--space-md);
  background: var(--color-white);
  border-radius: var(--radius-md);
}
div.timeline-component-nuevo .cd-timeline__content h2 {
  color: var(--cd-color-1);
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__content {
    width: 49.8%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    will-change: transform;
    margin: 0;
    font-size: 0.8em;
    --line-height-multiplier: 1.2;
  }
}
div.timeline-component-nuevo .cd-timeline__date {
  color: rgba(0, 0, 0, 0.7);
}
@media (min-width: 64rem) {
  div.timeline-component-nuevo .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 120%;
    top: 20px;
  }
  div.timeline-component-nuevo .cd-timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 120%;
    text-align: right;
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.mapa {
  background-color: #001391;
  max-width: 1170px !important;
  margin: auto;
  margin-bottom: 60px !important;
  border-radius: 15px;
}
@media (max-width: 1230px) {
  .mapa {
    max-width: calc(100% - 50px) !important;
  }
}
.mapa.blanco {
  background-color: #FFF;
}
.mapa.blanco .container .cabecera-mapa .titulo {
  color: #001391;
  font-family: "tiemposBold";
}
.mapa.blanco .container .cabecera-mapa .descripcion {
  color: #000;
}
.mapa.blanco .container .cards {
  background: url(../assets/mapa2021.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFF;
}
.mapa.blanco .container .cards .card .titulo-pais {
  background: #FFF;
  color: #000;
}
.mapa.blanco .container .cards .card .datos-pais {
  background-color: #001391;
}
.mapa span.millones {
  font-size: 16px;
}
.mapa .container {
  width: 100%;
  padding: 0px;
}
.mapa .container .cabecera-mapa {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 769px) {
  .mapa .container .cabecera-mapa {
    display: none;
  }
}
.mapa .container .cabecera-mapa .titulo {
  font-size: 32px;
  font-family: "tiemposBold";
  color: #FFF;
  text-align: center;
}
.mapa .container .cabecera-mapa .descripcion {
  color: #FFF;
  text-align: center;
}
.mapa .container .cards {
  max-width: 1140px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  min-height: 475px;
  background: url(../assets/mapa.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #001391;
}
@media (max-width: 1200px) {
  .mapa .container .cards {
    background-size: 70%;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards {
    background: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80% !important;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 20px;
  }
}
.mapa .container .cards ul.nav {
  border-radius: 15px;
}
.mapa .container .cards ul.nav li.nav-item a.active {
  background: none !important;
}
.mapa .container .cards .leyendas span {
  display: inline-block;
  padding-left: 40px;
  font-size: 13px;
  font-weight: lighter;
  background-repeat: no-repeat;
  background-position: 12px 5px;
  background-size: 23px auto;
}
.mapa .container .cards .leyendas span.leyenda1 {
  background-image: url(../css/assets/images/map-v2-grf-leyend-1.svg);
}
.mapa .container .cards .leyendas span.leyenda2 {
  background-image: url(../css/assets/images/map-v2-grf-leyend-2.svg);
}
.mapa .container .cards .leyendas span.leyenda3 {
  background-image: url(../css/assets/images/map-v2-grf-leyend-3.svg);
}
.mapa .container .cards .card {
  border: 1px solid #001391;
  cursor: pointer;
  position: absolute;
  width: 213px;
  overflow: hidden;
  border-radius: 10px;
}
.mapa .container .cards .card .titulo-pais {
  background: #001391;
  color: #FFF;
  font-size: 16px;
  letter-spacing: -0.1px;
  text-align: center;
  padding: 0.5rem;
  font-weight: bold;
}
.mapa .container .cards .card .datos-pais {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #001391;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0.2rem 0.6rem;
  min-height: 30px;
}
.mapa .container .cards .card .datos-pais .margen-bruto {
  padding-right: 1rem;
  color: #FFF;
  white-space: nowrap;
}
.mapa .container .cards .card .datos-pais .porcentaje {
  padding-left: 1rem;
  color: #FFF;
  font-weight: bold;
  white-space: nowrap;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mapa .container .cards .card .datos-pais .porcentaje sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.mapa .container .cards .card .datos-pais .porcentaje i {
  display: inline-block;
  width: 17px;
  height: 17px;
}
.mapa .container .cards .card .datos-pais .porcentaje .up {
  background: url("../assets/icon-arrow-up.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 0.3rem;
}
.mapa .container .cards .card .datos-pais .porcentaje .down {
  background: url("../assets/icon-arrow-down.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 0.3rem;
}
.mapa .container .cards .card#tab-mexico {
  top: 240px;
  left: 30px;
}
@media (max-width: 992px) {
  .mapa .container .cards .card#tab-mexico {
    left: 50px;
    top: 140px;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards .card#tab-mexico {
    display: block;
    width: auto;
    position: initial;
  }
}
.mapa .container .cards .card#tab-americasur {
  bottom: 30px;
  left: 70px;
}
@media (max-width: 992px) {
  .mapa .container .cards .card#tab-americasur {
    left: 50px;
    bottom: 180px;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards .card#tab-americasur {
    display: block;
    width: auto;
    position: initial;
  }
}
.mapa .container .cards .card#tab-espana {
  top: 10px;
  right: 450px;
}
@media (max-width: 992px) {
  .mapa .container .cards .card#tab-espana {
    right: 50px;
    top: 50px;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards .card#tab-espana {
    display: block;
    width: auto;
    position: initial;
  }
}
.mapa .container .cards .card#tab-turquia {
  right: 300px;
  top: 160px;
}
@media (max-width: 992px) {
  .mapa .container .cards .card#tab-turquia {
    right: 50px;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards .card#tab-turquia {
    display: block;
    width: auto;
    position: initial;
  }
}
.mapa .container .cards .card#tab-resto {
  top: 50px;
  left: 10px;
}
@media (max-width: 992px) {
  .mapa .container .cards .card#tab-resto {
    left: 50px;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards .card#tab-resto {
    display: block;
    width: auto;
    position: initial;
  }
}
.mapa .container .cards .nav-tabs {
  border-bottom: none;
  position: relative;
  padding: 20px 0;
  background: #E2E6EA;
  display: none;
  padding-right: 60px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  padding-left: 0px;
  list-style: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 769px) {
  .mapa .container .cards .nav-tabs {
    display: none !important;
  }
}
.mapa .container .cards .nav-tabs li {
  padding-left: 1.25rem;
  position: relative;
  list-style-type: none;
}
.mapa .container .cards .nav-tabs li a {
  padding: 0px;
  color: #001391;
  border: 0px solid transparent;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  font-size: 15px;
}
.mapa .container .cards .nav-tabs li .nav-link {
  font-family: "BBVA-Book";
}
.mapa .container .cards .nav-tabs li .nav-link.active {
  font-family: "BBVA-Medium";
  border-bottom: none !important;
}
.mapa .container .cards .nav-tabs .cerrar-desplegable {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../assets/aspa-cerrar.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 23px;
}
.mapa .container .cards .tabs {
  display: none;
  position: initial;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFF;
}
.mapa .container .cards .tabs .acordeon {
  display: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFF;
  font-size: 18px;
  background-color: #004284;
}
@media (max-width: 769px) {
  .mapa .container .cards .tabs .acordeon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
  }
}
.mapa .container .cards .tabs .acordeon .cerrar-desplegable {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../assets/aspa-cerrar.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 20px;
}
.mapa .container .cards .tabs .tab-espana, .mapa .container .cards .tabs .tab-mexico, .mapa .container .cards .tabs .tab-americasur, .mapa .container .cards .tabs .tab-turquia, .mapa .container .cards .tabs .tab-resto {
  display: none;
}
.mapa .container .cards .tabs .tab-espana.shown, .mapa .container .cards .tabs .tab-mexico.shown, .mapa .container .cards .tabs .tab-americasur.shown, .mapa .container .cards .tabs .tab-turquia.shown, .mapa .container .cards .tabs .tab-resto.shown {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 992px) {
  .mapa .container .cards .tabs .tab-espana.shown, .mapa .container .cards .tabs .tab-mexico.shown, .mapa .container .cards .tabs .tab-americasur.shown, .mapa .container .cards .tabs .tab-turquia.shown, .mapa .container .cards .tabs .tab-resto.shown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .actividad, .mapa .container .cards .tabs .tab-espana.shown .resultados, .mapa .container .cards .tabs .tab-mexico.shown .actividad, .mapa .container .cards .tabs .tab-mexico.shown .resultados, .mapa .container .cards .tabs .tab-americasur.shown .actividad, .mapa .container .cards .tabs .tab-americasur.shown .resultados, .mapa .container .cards .tabs .tab-turquia.shown .actividad, .mapa .container .cards .tabs .tab-turquia.shown .resultados, .mapa .container .cards .tabs .tab-resto.shown .actividad, .mapa .container .cards .tabs .tab-resto.shown .resultados {
  -webkit-box-shadow: 0 0 10px #b7b7b7;
  box-shadow: 0 0 10px #b7b7b7;
  border: 3px;
  padding: 20px;
}
@media (max-width: 992px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad, .mapa .container .cards .tabs .tab-espana.shown .resultados, .mapa .container .cards .tabs .tab-mexico.shown .actividad, .mapa .container .cards .tabs .tab-mexico.shown .resultados, .mapa .container .cards .tabs .tab-americasur.shown .actividad, .mapa .container .cards .tabs .tab-americasur.shown .resultados, .mapa .container .cards .tabs .tab-turquia.shown .actividad, .mapa .container .cards .tabs .tab-turquia.shown .resultados, .mapa .container .cards .tabs .tab-resto.shown .actividad, .mapa .container .cards .tabs .tab-resto.shown .resultados {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .subtitulo, .mapa .container .cards .tabs .tab-espana.shown .resultados .subtitulo, .mapa .container .cards .tabs .tab-mexico.shown .actividad .subtitulo, .mapa .container .cards .tabs .tab-mexico.shown .resultados .subtitulo, .mapa .container .cards .tabs .tab-americasur.shown .actividad .subtitulo, .mapa .container .cards .tabs .tab-americasur.shown .resultados .subtitulo, .mapa .container .cards .tabs .tab-turquia.shown .actividad .subtitulo, .mapa .container .cards .tabs .tab-turquia.shown .resultados .subtitulo, .mapa .container .cards .tabs .tab-resto.shown .actividad .subtitulo, .mapa .container .cards .tabs .tab-resto.shown .resultados .subtitulo {
  font-family: "BBVA-Medium";
  color: #71cdc0;
  text-align: left;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .title, .mapa .container .cards .tabs .tab-espana.shown .resultados .title, .mapa .container .cards .tabs .tab-mexico.shown .actividad .title, .mapa .container .cards .tabs .tab-mexico.shown .resultados .title, .mapa .container .cards .tabs .tab-americasur.shown .actividad .title, .mapa .container .cards .tabs .tab-americasur.shown .resultados .title, .mapa .container .cards .tabs .tab-turquia.shown .actividad .title, .mapa .container .cards .tabs .tab-turquia.shown .resultados .title, .mapa .container .cards .tabs .tab-resto.shown .actividad .title, .mapa .container .cards .tabs .tab-resto.shown .resultados .title {
  font-size: 24px;
  font-weight: bold;
  color: #004284;
  font-family: "BBVA-Medium";
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .description, .mapa .container .cards .tabs .tab-espana.shown .resultados .description, .mapa .container .cards .tabs .tab-mexico.shown .actividad .description, .mapa .container .cards .tabs .tab-mexico.shown .resultados .description, .mapa .container .cards .tabs .tab-americasur.shown .actividad .description, .mapa .container .cards .tabs .tab-americasur.shown .resultados .description, .mapa .container .cards .tabs .tab-turquia.shown .actividad .description, .mapa .container .cards .tabs .tab-turquia.shown .resultados .description, .mapa .container .cards .tabs .tab-resto.shown .actividad .description, .mapa .container .cards .tabs .tab-resto.shown .resultados .description {
  font-family: "BBVA-Medium";
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 10px;
}
@media (max-width: 769px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos {
  width: 45%;
}
@media (max-width: 1200px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos {
    width: 40%;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos {
    width: 100%;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos .recursos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos .prestamos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos .recursos {
  padding-top: 10px;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-prestamos .recursos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-recursos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos .prestamos .porcentaje-prestamos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-recursos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-prestamos .recursos .porcentaje-prestamos {
  font-size: 30px;
  color: #004284;
  font-family: "BBVA-Medium";
  padding-top: 10px;
  min-height: 35px;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos {
  width: 45%;
}
@media (max-width: 1200px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos {
    width: 50%;
  }
}
@media (max-width: 769px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos {
    width: 100%;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos {
  padding-top: 10px;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .riesgos #coste-riesgo-4, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-0, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-1, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-2, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-3, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-cobertura-4,
.mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-0, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-1, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-2, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-3, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #tasa-mora-4,
.mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-0, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-1, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-2, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-3, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .riesgos #coste-riesgo-4 {
  width: 230px;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-espana.shown .resultados .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-mexico.shown .actividad .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-mexico.shown .resultados .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-americasur.shown .actividad .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-americasur.shown .resultados .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-turquia.shown .actividad .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-turquia.shown .resultados .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-resto.shown .actividad .container-actividad .container-riesgos .fechas, .mapa .container .cards .tabs .tab-resto.shown .resultados .container-actividad .container-riesgos .fechas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: grey;
  font-size: 12px;
  margin-right: 20px;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-espana.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-mexico.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-americasur.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-turquia.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-resto.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados .fila-resultados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
}
@media (max-width: 992px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-espana.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-mexico.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-americasur.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-turquia.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados .fila-resultados, .mapa .container .cards .tabs .tab-resto.shown .actividad .fila-resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados .fila-resultados {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-espana.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-mexico.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-mexico.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-americasur.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-americasur.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-turquia.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-turquia.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-resto.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-resto.shown .resultados .fila-resultados .subtitulo {
  border-right: 2px solid;
  padding-right: 20px;
  text-align: end;
  width: 35%;
}
@media (max-width: 1200px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-espana.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-mexico.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-mexico.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-americasur.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-americasur.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-turquia.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-turquia.shown .resultados .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-resto.shown .actividad .fila-resultados .subtitulo, .mapa .container .cards .tabs .tab-resto.shown .resultados .fila-resultados .subtitulo {
    width: 40%;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-espana.shown .resultados .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-mexico.shown .actividad .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-americasur.shown .actividad .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-turquia.shown .actividad .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-resto.shown .actividad .fila-resultados .valor-resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados .fila-resultados .valor-resultados {
  font-size: 20px;
  color: #004284;
  -ms-flex-item-align: center;
  align-self: center;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-espana.shown .resultados .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-mexico.shown .actividad .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-americasur.shown .actividad .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-turquia.shown .actividad .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-resto.shown .actividad .fila-resultados .porcentaje-resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados .fila-resultados .porcentaje-resultados {
  -ms-flex-item-align: center;
  align-self: center;
  color: grey;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad hr, .mapa .container .cards .tabs .tab-espana.shown .resultados hr, .mapa .container .cards .tabs .tab-mexico.shown .actividad hr, .mapa .container .cards .tabs .tab-mexico.shown .resultados hr, .mapa .container .cards .tabs .tab-americasur.shown .actividad hr, .mapa .container .cards .tabs .tab-americasur.shown .resultados hr, .mapa .container .cards .tabs .tab-turquia.shown .actividad hr, .mapa .container .cards .tabs .tab-turquia.shown .resultados hr, .mapa .container .cards .tabs .tab-resto.shown .actividad hr, .mapa .container .cards .tabs .tab-resto.shown .resultados hr {
  padding: 0px;
  margin: 0px;
  width: 100px;
}
.mapa .container .cards .tabs .tab-espana.shown .actividad, .mapa .container .cards .tabs .tab-mexico.shown .actividad, .mapa .container .cards .tabs .tab-americasur.shown .actividad, .mapa .container .cards .tabs .tab-turquia.shown .actividad, .mapa .container .cards .tabs .tab-resto.shown .actividad {
  width: 65%;
  border: none;
}
@media (max-width: 769px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad, .mapa .container .cards .tabs .tab-mexico.shown .actividad, .mapa .container .cards .tabs .tab-americasur.shown .actividad, .mapa .container .cards .tabs .tab-turquia.shown .actividad, .mapa .container .cards .tabs .tab-resto.shown .actividad {
    border-top: none;
    border-bottom: none;
    border-left: 2px solid grey;
    border-right: 2px solid grey;
  }
}
@media (max-width: 992px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad, .mapa .container .cards .tabs .tab-mexico.shown .actividad, .mapa .container .cards .tabs .tab-americasur.shown .actividad, .mapa .container .cards .tabs .tab-turquia.shown .actividad, .mapa .container .cards .tabs .tab-resto.shown .actividad {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .mapa .container .cards .tabs .tab-espana.shown .actividad, .mapa .container .cards .tabs .tab-mexico.shown .actividad, .mapa .container .cards .tabs .tab-americasur.shown .actividad, .mapa .container .cards .tabs .tab-turquia.shown .actividad, .mapa .container .cards .tabs .tab-resto.shown .actividad {
    width: 65%;
  }
}
.mapa .container .cards .tabs .tab-espana.shown .resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados {
  width: 30%;
  border: none;
}
@media (max-width: 769px) {
  .mapa .container .cards .tabs .tab-espana.shown .resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados {
    border-top: none;
    border-bottom: 2px solid grey;
    border-left: 2px solid grey;
    border-right: 2px solid grey;
  }
}
@media (max-width: 992px) {
  .mapa .container .cards .tabs .tab-espana.shown .resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .mapa .container .cards .tabs .tab-espana.shown .resultados, .mapa .container .cards .tabs .tab-mexico.shown .resultados, .mapa .container .cards .tabs .tab-americasur.shown .resultados, .mapa .container .cards .tabs .tab-turquia.shown .resultados, .mapa .container .cards .tabs .tab-resto.shown .resultados {
    width: 30%;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.carta .div-carta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 20px;
}
.carta .div-imagen-1 {
  -webkit-box-flex: 24%;
  -ms-flex: 24%;
  flex: 24%;
  padding-right: 20px;
}
@media (max-width: 992px) {
  .carta .div-imagen-1 {
    display: none;
  }
}
.carta .div-imagen-1 #imagen_principal_1 {
  min-width: 200px;
  height: 350px;
  width: 275px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-left: auto;
}
.carta .div-texto-carta {
  -webkit-box-flex: 52%;
  -ms-flex: 52%;
  flex: 52%;
}
@media (max-width: 992px) {
  .carta .div-texto-carta {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
}
.carta .div-texto-carta .div-iconos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.carta .div-texto-carta .div-iconos #div-icono-1 {
  margin-right: 10px;
  cursor: pointer;
}
.carta .div-texto-carta .div-iconos #div-icono-1 #image1 {
  width: 100px;
  height: 100px;
}
.carta .div-texto-carta .div-iconos #div-icono-1 #active-border {
  vertical-align: top;
}
.carta .div-texto-carta .div-iconos #div-icono-2 {
  margin-left: 10px;
  cursor: pointer;
}
.carta .div-texto-carta .div-iconos #div-icono-2 #image2 {
  width: 100px;
  height: 100px;
}
.carta .div-texto-carta .div-iconos #div-icono-2 #border {
  vertical-align: top;
}
.carta .div-texto-carta .div-contenido-carta-1 {
  text-align: center;
  padding: 20px;
}
.carta .div-texto-carta .div-contenido-carta-1 .contenido-carta, .carta .div-texto-carta .div-contenido-carta-1 .contenido-carta p {
  line-height: 28px;
}
.carta .div-texto-carta .div-contenido-carta-1 .footer-carta {
  padding-bottom: 30px;
}
.carta .div-texto-carta .div-contenido-carta-1 .autor-carta {
  padding-top: 50px;
  padding-bottom: 20px;
}
.carta .div-texto-carta .div-contenido-carta-1 .boton-carta {
  display: inline-block;
  line-height: 46px;
  min-width: 136px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  font-family: "BBVA-Medium";
  padding: 0 2rem;
  background: #1973B8;
}
.carta .div-texto-carta .div-contenido-carta-2 {
  display: none;
  text-align: center;
  padding: 20px;
}
.carta .div-texto-carta .div-contenido-carta-2 .contenido-carta, .carta .div-texto-carta .div-contenido-carta-2 .contenido-carta p {
  line-height: 28px;
}
.carta .div-texto-carta .div-contenido-carta-2 .footer-carta {
  padding-bottom: 30px;
  padding-bottom: 20px;
}
.carta .div-texto-carta .div-contenido-carta-2 .autor-carta {
  padding-top: 50px;
  padding-bottom: 20px;
}
.carta .div-texto-carta .div-contenido-carta-2 .boton-carta {
  display: inline-block;
  line-height: 46px;
  min-width: 136px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  font-family: "BBVA-Medium";
  padding: 0 2rem;
  background: #1973B8;
}
.carta .div-imagen-2 {
  -webkit-box-flex: 24%;
  -ms-flex: 24%;
  flex: 24%;
  padding-left: 20px;
}
@media (max-width: 992px) {
  .carta .div-imagen-2 {
    display: none;
  }
}
.carta .div-imagen-2 #imagen_principal_2 {
  opacity: 20%;
  min-width: 200px;
  height: 350px;
  margin-right: auto;
  width: 275px;
  -o-object-fit: cover;
  object-fit: cover;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.carta-nuevo {
  background: url("./assets/images/home-cartas-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.carta-nuevo .titulo-carta {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0;
}
.carta-nuevo .titulo-carta h2 {
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 56px;
  font-weight: 800;
  color: #043263;
  text-align: left;
  padding-left: 20px;
}
.carta-nuevo .div-carta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.carta-nuevo .div-imagen-1 {
  z-index: 1;
  -webkit-box-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .carta-nuevo .div-imagen-1 {
    display: none;
  }
}
.carta-nuevo .div-imagen-1 #imagen_principal_1 {
  min-width: 200px;
  margin-right: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.carta-nuevo .div-imagen-2 {
  z-index: 1;
  -webkit-box-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
  display: none;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .carta-nuevo .div-imagen-2 {
    display: none;
  }
}
.carta-nuevo .div-imagen-2 #imagen_principal_2 {
  min-width: 200px;
  margin-right: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.carta-nuevo .div-texto-carta {
  z-index: 1;
  -webkit-box-flex: 52%;
  -ms-flex: 52%;
  flex: 52%;
}
@media (max-width: 992px) {
  .carta-nuevo .div-texto-carta {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
}
.carta-nuevo .div-texto-carta .div-iconos {
  border-bottom: 1px solid #043263;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 365px;
  padding-left: 20px;
  padding-right: 20px;
}
.carta-nuevo .div-texto-carta .div-iconos div {
  padding-bottom: 10px;
}
.carta-nuevo .div-texto-carta .div-iconos div.active {
  border-bottom: 3px solid #043263;
}
.carta-nuevo .div-texto-carta .div-iconos div.active h3 {
  font-weight: bold !important;
}
.carta-nuevo .div-texto-carta .div-iconos div#div-icono-1 {
  margin-right: 10px;
  cursor: pointer;
}
.carta-nuevo .div-texto-carta .div-iconos div#div-icono-1 #active-border {
  vertical-align: top;
}
.carta-nuevo .div-texto-carta .div-iconos div#div-icono-1 h3 {
  min-width: 140px;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #043263;
  border-bottom: solid 3px #FFFFFF;
}
.carta-nuevo .div-texto-carta .div-iconos div#div-icono-2 {
  margin-left: 10px;
  cursor: pointer;
}
.carta-nuevo .div-texto-carta .div-iconos div#div-icono-2 #border {
  vertical-align: top;
}
.carta-nuevo .div-texto-carta .div-iconos div#div-icono-2 h3 {
  min-width: 140px;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #043263;
  border-bottom: solid 3px #FFFFFF;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-1 {
  text-align: left;
  padding: 20px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-1 .contenido-carta, .carta-nuevo .div-texto-carta .div-contenido-carta-1 .contenido-carta p {
  line-height: 28px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-1 .footer-carta {
  padding-bottom: 30px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-1 .autor-carta {
  padding-top: 50px;
  color: #043263;
  font-size: 16px;
  font-weight: bold;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-1 .cargo {
  padding-bottom: 20px;
  font-size: 16px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-1 .boton-carta {
  display: inline-block;
  line-height: 46px;
  min-width: 136px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  font-family: "BBVA-Medium";
  padding: 0 2rem;
  background: #1973B8;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-2 {
  display: none;
  text-align: left;
  padding: 20px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-2 .contenido-carta, .carta-nuevo .div-texto-carta .div-contenido-carta-2 .contenido-carta p {
  line-height: 28px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-2 .footer-carta {
  padding-bottom: 30px;
  padding-bottom: 20px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-2 .autor-carta {
  padding-top: 50px;
  color: #043263;
  font-size: 16px;
  font-weight: bold;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-2 .cargo {
  padding-bottom: 20px;
  font-size: 16px;
}
.carta-nuevo .div-texto-carta .div-contenido-carta-2 .boton-carta {
  display: inline-block;
  line-height: 46px;
  min-width: 136px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  font-family: "BBVA-Medium";
  padding: 0 2rem;
  background: #1973B8;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.cita {
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1199px) {
  .cita {
    padding-left: 50px;
    padding-right: 50px;
    min-height: 0px;
  }
}
@media (max-width: 576px) {
  .cita {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cita.blue {
  background-color: #004284;
}
.cita.blue .titulo-cita {
  color: #02a5a5;
}
.cita.blue .seccion-principal, .cita.blue .seccion-secundaria {
  color: #FFFFFF;
}
.cita.white {
  background-color: #FFFFFF;
}
.cita.white .titulo-cita {
  color: #004284;
}
.cita.white .seccion-principal, .cita.white .seccion-secundaria {
  color: rgba(0, 0, 0, 0);
}
.cita.grey {
  background-color: #f4f4f4;
}
.cita.grey .titulo-cita {
  color: #004284;
}
.cita.grey .seccion-principal, .cita.grey .seccion-secundaria {
  color: rgba(0, 0, 0, 0);
}
.cita.aqua {
  background-color: #d4edfc;
}
.cita.aqua .titulo-cita {
  color: #004284;
}
.cita.aqua .seccion-principal, .cita.aqua .seccion-secundaria {
  color: rgba(0, 0, 0, 0);
}
.cita .general {
  width: 80%;
  max-width: 1040px;
  background-image: url(../assets/comilla-izquierda.png), url(../assets/comilla-derecha.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  padding: 30px;
  margin: auto;
  font-family: "Arial";
  background-size: 150px;
}
@media (max-width: 1199px) {
  .cita .general {
    width: 100%;
  }
}
@media (max-width: 769px) {
  .cita .general {
    background-size: 150px;
  }
}
@media (max-width: 576px) {
  .cita .general {
    background-size: 90px;
    padding: 0px;
  }
}
.cita .footer {
  width: 75%;
  max-width: 1040px;
  margin: auto;
  text-align: center;
  padding-top: 20px;
}
@media (max-width: 992px) {
  .cita .footer {
    background-size: 180px;
    width: 100%;
  }
}
@media (max-width: 769px) {
  .cita .footer {
    background-size: 150px;
  }
}
@media (max-width: 576px) {
  .cita .footer {
    background-size: 120px;
  }
}
.cita .footer .seccion-secundaria {
  font-size: 20px;
  font-family: "BBVA-Light";
}
@media (max-width: 576px) {
  .cita .footer .seccion-secundaria {
    font-size: 16px;
  }
}
.cita .contenido-cita {
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 769px) {
  .cita .contenido-cita {
    width: 100% !important;
  }
}
.cita .contenido-cita .seccion-principal {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "BBVA-Light";
}
@media (max-width: 576px) {
  .cita .contenido-cita .seccion-principal {
    font-size: 16px;
  }
}
.cita .contenido-cita .titulo-cita {
  font-size: 28px;
  padding-top: 40px;
  padding-bottom: 80px;
  font-family: "BBVA-Medium";
}
@media (max-width: 576px) {
  .cita .contenido-cita .titulo-cita {
    padding-top: 40px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.cabecera {
  min-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 769px) {
  .cabecera {
    min-height: 400px;
  }
}
.cabecera .fondo-cabecera {
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 700px;
}
@media (max-width: 769px) {
  .cabecera .fondo-cabecera {
    min-height: 400px;
  }
}
.cabecera .fondo-cabecera .contenido-cabecera {
  max-width: 1040px;
  padding: 30px;
  text-align: center;
  margin: 0 auto;
  font-family: "BBVA-Light";
  padding-bottom: 150px;
}
.cabecera .fondo-cabecera .contenido-cabecera .titulo-cabecera h2 {
  font-size: 45px;
  color: white;
  font-family: "BBVA-Medium";
}
@media (max-width: 769px) {
  .cabecera .fondo-cabecera .contenido-cabecera .titulo-cabecera h2 {
    font-size: 24px !important;
  }
}
.cabecera .fondo-cabecera .contenido-cabecera .subtitulo-cabecera {
  padding-bottom: 30px;
  padding-top: 10px;
}
.cabecera .fondo-cabecera .contenido-cabecera .subtitulo-cabecera h3 {
  font-size: 32px;
  color: white;
  font-family: "BBVA-Book";
}
@media (max-width: 769px) {
  .cabecera .fondo-cabecera .contenido-cabecera .subtitulo-cabecera h3 {
    font-size: 20px !important;
  }
}
.cabecera .fondo-cabecera .contenido-cabecera .boton-cabecera a {
  font-size: 14px;
  color: white;
}
@media (max-width: 769px) {
  .cabecera .fondo-cabecera .contenido-cabecera .boton-cabecera a {
    font-size: 14px !important;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
#indice {
  max-width: 800px;
  margin-bottom: 32px;
}
#indice li {
  color: #004481;
  background-image: url(../assets/bullet-list-2.png);
  background-size: 6px 20px;
  background-repeat: no-repeat;
  padding-bottom: 10px;
  padding-left: 20px;
}
#indice .ui-accordion-header {
  cursor: pointer;
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #000000;
  padding: 10px;
  font-size: 15px;
  padding-left: 30px;
}
#indice .ui-accordion-header:hover {
  background-color: #d5d5d5;
}
#indice .ui-accordion-header .ui-accordion-header-icon {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  float: right;
}
#indice .ui-accordion-content {
  background-color: #f4f4f4;
  height: auto;
  padding-bottom: 0px;
  border: none;
}
#indice .ui-accordion-content ul:not(:first-child) {
  padding-left: 10px;
}
#indice .ui-accordion-content ul ul:not(:first-child) {
  padding-left: 15px;
}
#indice .ui-accordion-content ul ul ul:not(:first-child) {
  padding-left: 20px;
}
#indice .ui-accordion-content li:before {
  color: #004481;
  background-image: url(../assets/bullet-list-2.png);
  background-size: 6px 20px;
  background-repeat: no-repeat;
  padding-left: 20px;
}
#indice .ui-accordion-content a {
  color: #004481;
}

#informes-result {
  top: 50px;
  width: 100%;
  position: absolute;
  background: white;
  z-index: 9999;
}

.informe-search-result a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.informe-search-result a p {
  padding: 20px;
}
.informe-search-result a p.titulo {
  font-weight: 700;
  color: #82c1ed;
}
.informe-search-result a p.resumen {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #888888;
}
.informe-search-result .no-results {
  padding: 20px;
}

#exp-search .hidden {
  display: none !important;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.cabecera-azul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  --radius:15px;
  border-radius: var(--radius);
  position: relative;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  min-height: 320px;
  margin-bottom: 100px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /*@media (max-width: 769px){
      min-height: 400px;
  }*/
}
@media (max-width: 769px) {
  .cabecera-azul {
    margin-bottom: 70px;
  }
}
.cabecera-azul .fondo-cabecera-azul {
  z-index: 1;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  /*.inferior-cabecera-azul {
      width: 100%;
      height: 250px;
      //background: #043263;
      background: $BBVA_electric_blue;
      border-radius: var(--radius);
  }*/
}
@media (max-width: 769px) {
  .cabecera-azul .fondo-cabecera-azul {
    min-height: 400px;
  }
}
.cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul {
  max-width: 1040px;
  text-align: left;
  margin: 0 auto;
  width: 70%;
  background: #070E46;
  padding: 30px 80px;
  border-radius: var(--radius);
  position: absolute;
  bottom: 0;
  text-align: center;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
@media (max-width: 769px) {
  .cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul {
    width: 90%;
    padding: 20px 30px;
    min-height: auto;
  }
}
.cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .titulo-cabecera-azul h2 {
  font-size: 45px;
  color: white;
  font-family: "BBVA-Medium";
}
@media (max-width: 769px) {
  .cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .titulo-cabecera-azul h2 {
    font-size: 24px !important;
  }
}
.cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .subtitulo-cabecera-azul {
  padding-bottom: 10px;
  padding-top: 10px;
}
.cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .subtitulo-cabecera-azul h3 {
  font-size: 16px;
  color: #FFF;
  font-family: "BBVA-Book";
}
.cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .subtitulo-cabecera-azul h3 strong {
  color: white;
}
@media (max-width: 769px) {
  .cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .subtitulo-cabecera-azul h3 {
    font-size: 20px !important;
  }
}
.cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .boton-cabecera-azul a {
  font-size: 14px;
  color: #276dac;
}
@media (max-width: 769px) {
  .cabecera-azul .fondo-cabecera-azul .contenido-cabecera-azul .boton-cabecera-azul a {
    font-size: 14px !important;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.informes.white .vc_row.vc_hidden {
  opacity: 1 !important;
}

.destacado-lateral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.destacado-lateral .texto-container:not(.completo) {
  margin: 0 100px;
}
.destacado-lateral:not(.container) .destacado .destacado-container {
  padding-left: 50px;
}
.destacado-lateral:not(.container) .texto-container.completo {
  margin: 0 50px;
}
.destacado-lateral .destacado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 250px;
}
.destacado-lateral .destacado .destacado-container hr {
  height: 2px;
  background-color: #3a71ae;
  margin-top: 0;
  margin-bottom: 10px;
}
.destacado-lateral .destacado .destacado-container .superior {
  text-transform: uppercase;
  color: #3a71ae;
  font-size: 16px;
}
.destacado-lateral .destacado .destacado-container .action {
  padding-top: 10px;
  font-size: 32px;
  color: #3a71ae;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.dos-columnas {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  padding: 0 25px;
}
.dos-columnas .columnas {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media all and (max-width: 769px) {
  .dos-columnas .columnas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.dos-columnas .columnas div {
  background: #FFF;
  border-radius: 15px;
  padding: 40px 60px;
  width: 50%;
}
@media (max-width: 769px) {
  .dos-columnas .columnas div {
    width: 100% !important;
    padding: 20px;
  }
}
.dos-columnas .columnas div h2 {
  color: #070E46;
  font-family: "tiemposBold";
  margin-bottom: 10px;
  font-size: 2em;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.img-responsive.bloque.centrada {
  margin-left: auto;
  margin-right: auto;
}

.cards-bloque .fila-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.section-caja-azul-bullets .container {
  padding-left: 0px;
  max-width: 1170px !important;
}
@media (max-width: 769px) {
  .section-caja-azul-bullets .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.section-caja-azul-bullets .container .caja-azul-bullets {
  background: #001391;
  display: block;
  position: relative;
  padding: 2rem 4rem 2rem;
  margin-bottom: 2.5rem;
  border-radius: 15px;
}
@media (max-width: 1230px) {
  .section-caja-azul-bullets .container .caja-azul-bullets {
    max-width: calc(100% - 50px) !important;
    margin-left: auto;
    margin-right: auto;
  }
  .section-caja-azul-bullets .container .caja-azul-bullets .container {
    max-width: calc(100% - 50px);
  }
}
@media (max-width: 769px) {
  .section-caja-azul-bullets .container .caja-azul-bullets {
    padding: 20px;
  }
  .section-caja-azul-bullets .container .caja-azul-bullets .container {
    padding: 0 !important;
  }
}
.section-caja-azul-bullets .container .caja-azul-bullets .titulo {
  margin: 0;
  color: white;
  font-family: "tiemposBold";
  font-size: 2rem;
  margin-bottom: 1.25rem;
  letter-spacing: 1px;
}
.section-caja-azul-bullets .container .caja-azul-bullets ul li {
  color: white;
  padding-left: 20px;
  margin-bottom: 1rem;
  position: relative;
  line-height: 1.4em;
}
.section-caja-azul-bullets .container .caja-azul-bullets ul li::before {
  content: "";
  position: absolute;
  left: -4px;
  width: 12px;
  height: 6px;
  background: #FFF;
  border-radius: 4px;
  top: 7px;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.cabecera-caja-blanca {
  min-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 769px) {
  .cabecera-caja-blanca {
    min-height: 600px;
  }
}
@media (max-width: 769px) {
  .cabecera-caja-blanca .container {
    padding-left: 15px;
  }
}
.cabecera-caja-blanca .fondo-cabecera-caja-blanca {
  z-index: 1;
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  min-height: 700px;
}
@media (max-width: 769px) {
  .cabecera-caja-blanca .fondo-cabecera-caja-blanca {
    min-height: 400px;
  }
}
.cabecera-caja-blanca .fondo-cabecera-caja-blanca .contenido-cabecera-caja-blanca {
  max-width: 580px;
  text-align: left;
  font-family: "BBVA-Light";
  width: auto;
  margin: 25px;
  background: #ffffff;
  min-height: 300px;
  padding: 70px 40px 50px;
  border-radius: 15px;
}
@media (max-width: 769px) {
  .cabecera-caja-blanca .fondo-cabecera-caja-blanca .contenido-cabecera-caja-blanca {
    margin: 0;
    padding: 30px 16px;
    width: 100% !important;
    min-height: auto;
  }
}
.cabecera-caja-blanca .fondo-cabecera-caja-blanca .contenido-cabecera-caja-blanca .titulo-cabecera-caja-blanca h2 {
  font-size: 21px;
  color: #001391;
  text-align: left;
  margin-bottom: 12px;
}
@media (max-width: 769px) {
  .cabecera-caja-blanca .fondo-cabecera-caja-blanca .contenido-cabecera-caja-blanca .titulo-cabecera-caja-blanca h2 {
    font-size: 16px !important;
  }
}
.cabecera-caja-blanca .fondo-cabecera-caja-blanca .contenido-cabecera-caja-blanca .descripcion-cabecera-caja-blanca {
  padding-top: 10px;
}
.cabecera-caja-blanca .fondo-cabecera-caja-blanca .contenido-cabecera-caja-blanca .descripcion-cabecera-caja-blanca h3 {
  font-size: 40px;
  color: #121212;
  text-align: left;
  font-family: "tiemposBold";
}
@media (max-width: 769px) {
  .cabecera-caja-blanca .fondo-cabecera-caja-blanca .contenido-cabecera-caja-blanca .descripcion-cabecera-caja-blanca h3 {
    font-size: 30px !important;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.seccion-boton {
  margin-top: 30px;
  text-align: center;
}
.seccion-boton .container {
  padding-right: 0px;
}
.seccion-boton .container .boton {
  background-color: #001391;
  min-width: 150px;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  font-weight: bold;
  font-size: 0.95em;
  margin: 10px 0px;
  padding: 14px 8px;
  border-radius: 6px;
}
.seccion-boton .container .boton:hover {
  background-color: #2B7BF4;
}
.seccion-boton .container .boton.gris {
  background: #001391;
}
.seccion-boton .container .boton.gris:hover {
  background: #2B7BF4;
  color: #001391;
}
.seccion-boton .container .boton.boton_sin_fondo {
  color: #001391;
  background: none;
  border: none;
}
.seccion-boton .container .boton.boton_sin_fondo:hover {
  background: #FFF;
}
.seccion-boton .container .boton.boton_sin_fondo.gris {
  color: #001391;
}

.link {
  border-radius: 8px;
  font-family: "BBVA-Medium" !important;
  margin-bottom: 10px;
}
.link.primary {
  padding: 14px 30px;
  color: #001391;
  background: #FFF;
}
.link.primary:hover, .link.primary:active {
  background: transparent;
  color: #070E46;
}
.link.primary:disabled {
  background: #E9E9E9;
  color: #BDBDBD;
}
.link.primary-alt {
  padding: 14px 30px;
  color: #001391;
  background: #F4F4F4;
}
.link.primary-alt:hover, .link.primary-alt:active {
  background: #FFF;
  color: #070E46;
}
.link.primary-alt:disabled {
  background: #E9E9E9;
  color: #BDBDBD;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.noticias-section {
  background-color: #f4f4f4;
  padding-bottom: 80px;
}
@media (max-width: 769px) {
  .noticias-section .container .row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.noticias-section .title {
  margin-bottom: 0;
  font-size: 36px;
  color: #001391;
  padding-bottom: 25px;
  text-align: center;
  margin-top: 60px;
}
.noticias-section .card {
  background-color: #FFF;
  border-radius: 2px;
  border-bottom: 2px solid #eaeaea;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .noticias-section .card.card-big {
    margin-bottom: 30px;
  }
}
.noticias-section .card.card-big .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 377px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 30px 30px 60px;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 15px;
  margin: 25px;
  margin-bottom: 0;
  /* .category-card{
       color: #fff;
       color:$BBVA_navy;
       font-size: 11px;
       text-transform: uppercase;
     //  font-family: 'benton-medium';
       margin-bottom: 15px;
   }
   .title-card{
       margin: 0;
       //color: #fff;
       font-family: tiemposBold;
       font-size: 28px;
       //font-family: 'benton-bold';
       z-index: 2;
   }*/
}
.noticias-section .card.card-big .card-body {
  padding: 30px 30px 24px;
  font-size: 15px;
  min-height: 185px;
}
.noticias-section .card.card-big .card-body .category-card {
  color: #001391;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 15px;
  background-color: #F4F4F4;
  padding: 3px 7px 1px;
  border-radius: 10px;
  display: inline-block;
}
.noticias-section .card.card-big .card-body .title-card {
  margin: 0;
  color: #070E46;
  font-family: "tiemposBold";
  font-size: 28px;
  z-index: 2;
  margin-bottom: 14px;
}
.noticias-section .card.card-big .card-body .content-card {
  margin-bottom: 2rem;
}
.noticias-section .card.card-big .card-body .read-more {
  margin-bottom: 0 !important;
  color: #001391;
}
.noticias-section .card.card-big .card-body .read-more:hover {
  color: #2a86ca;
}
@media (max-width: 769px) {
  .noticias-section .card.card-small .col-lg-6 {
    padding: 0px;
  }
}
.noticias-section .card.card-small .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 264px;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 25px;
  margin-right: 0;
  border-radius: 15px;
}
@media (max-width: 992) {
  .noticias-section .card.card-small .card-header {
    margin-right: 25px;
  }
}
.noticias-section .card.card-small .card-body {
  padding: 25px 13px 13px 0;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 1199px) {
  .noticias-section .card.card-small .card-body {
    padding: 30px 30px 24px 0;
  }
}
.noticias-section .card.card-small .card-body .category-card {
  font-size: 11px;
  margin-bottom: 15px;
  color: #004481;
  background-color: #F4F4F4;
  padding: 3px 7px 1px;
  margin-bottom: 12px;
  border-radius: 10px;
  letter-spacing: 0.8px;
  display: inline-block;
  line-height: 1.4em;
}
.noticias-section .card.card-small .card-body .title-card {
  margin: 0 0 10px;
  color: #070E46;
  font-size: 20px;
}
.noticias-section .card.card-small .card-body .content-card {
  margin-bottom: 10px;
  line-height: 1.5;
}
.noticias-section .card.card-small .card-body .read-more {
  margin-bottom: 0 !important;
  color: #001391;
}
.noticias-section .card.card-small .card-body .read-more:hover {
  color: #2a86ca;
}
.noticias-section .card.card-small-2 {
  margin-top: 30px;
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
.taps-section {
  margin: 50px auto 0;
  padding-bottom: 35px;
  max-width: 1180px;
}
.taps-section .cabecera-taps .titulo {
  margin-bottom: 0;
  font-size: 36px;
  color: #001391;
  text-align: center;
}
.taps-section .taps .nav.nav-taps {
  border-bottom: none;
  margin-top: 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .taps-section .taps .nav.nav-taps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.taps-section .taps .nav.nav-taps .small-tap {
  display: none;
}
.taps-section .taps .nav.nav-taps .tap-item {
  padding-right: 20px;
}
@media (max-width: 992px) {
  .taps-section .taps .nav.nav-taps .tap-item {
    background: #ccc;
    color: #5d5d5d;
    margin-bottom: 10px;
    padding-right: 0px;
  }
}
.taps-section .taps .nav.nav-taps .tap-item .tap-link {
  border-bottom: 1px solid #e0e3e5;
  padding: 20px 10px;
  color: #5d5d5d;
}
.taps-section .taps .nav.nav-taps .tap-item .tap-link.selected {
  border-bottom: 2px solid #999999;
  font-weight: 900;
  color: #5d5d5d;
}
.taps-section .taps .tap {
  margin-top: 40px;
  display: none;
}
@media (max-width: 992px) {
  .taps-section .taps .tap {
    display: none;
  }
}
.taps-section .taps .tap .btn-view-more {
  display: block;
  min-width: 12rem;
  margin: 30px auto 0;
  color: #001391;
  text-align: center;
}
.taps-section .taps .tap .btn-view-more:hover {
  color: #2a86ca;
}
.taps-section .taps .tap.shown {
  display: block !important;
  font-size: 15px;
  font-family: "BBVA-Book";
}
@media (max-width: 992px) {
  .taps-section .taps .tap.shown {
    display: none !important;
  }
}
.taps-section .taps .small-tap.shown {
  display: block !important;
  font-size: 15px;
  font-family: "BBVA-Book";
}
@media (min-width: 992px) {
  .taps-section .taps .small-tap.shown {
    display: none !important;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* =============== */
/* SECTION PROMOS  */
/* =============== */
section.video-promo {
  height: 430px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 769px) {
  section.video-promo {
    height: 610px;
  }
}
section.video-promo .overlay.blue {
  background-color: #072146;
  mix-blend-mode: normal;
  opacity: 0.25;
}
section.video-promo .info-box {
  z-index: 20;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateY(150px);
  -ms-transform: translateY(150px);
  transform: translateY(150px);
}
section.video-promo #pause {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 20;
  text-transform: uppercase;
  color: #FFFFFF;
  font: 12px "BBVA-Medium";
  display: none;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  opacity: 0.6;
}
section.video-promo #pause:hover {
  opacity: 1;
}
section.video-promo video {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -100;
}
section.video-promo .cta-play {
  margin-top: 44px;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  section.video-promo .cta-play {
    margin-top: 72px;
    margin-bottom: 0;
  }
}
section.video-promo:hover #pause {
  display: inherit;
}

section.promo {
  border-radius: 15px;
  max-width: 1140px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  section.promo {
    max-width: 960px;
    max-width: calc(100% - 48px);
  }
}
section.promo .hightlight {
  font: 40px "BBVA-Light";
  letter-spacing: -0.7px;
  color: #121212;
}
section.promo .tab {
  font: 40px "BBVA-Bold";
  color: #FFFFFF;
}
section.promo .imagen {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
}
section.promo.desktop {
  display: none;
}
section.promo.mobile {
  background-color: #FFF;
  position: relative;
  overflow: hidden;
  margin: 24px auto;
  width: calc(100% - 48px);
}
section.promo.mobile .headline, section.promo.mobile .bodycopy {
  color: #001391;
}
section.promo.mobile .headline {
  margin-bottom: 17px;
}
section.promo.mobile .bodycopy {
  margin-bottom: 16px;
}
section.promo.mobile figure {
  position: relative;
  /*&:after {
    width: 100%;
    position: absolute;
    height: 190px;
    left: 0;
    content: '';
    transform: skewY(5deg);
    margin-top: -43px;
    background-color: $core;
    z-index: 10;
  }*/
}
section.promo.mobile .content {
  z-index: 20;
  text-align: center;
  position: relative;
  padding: 24px;
}
section.promo.mobile .info-box {
  position: relative;
  z-index: 20;
}
section.promo.mobile .image img {
  width: 100%;
  min-height: 225px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 769px) {
  section.promo.mobile {
    display: none;
  }
  section.promo.desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 22px;
    position: relative;
    margin-bottom: 64px;
  }
  section.promo.desktop.oscuro {
    background: #001391;
  }
  section.promo.desktop.oscuro p, section.promo.desktop.oscuro p.bodycopy {
    color: #FFFFFF;
    margin-bottom: 12px;
    font-size: 1em;
  }
  section.promo.desktop.oscuro .headline {
    color: #FFFFFF;
  }
  section.promo.desktop.oscuro .imagen {
    margin-left: 24px;
    min-height: 204px;
  }
  section.promo.desktop.oscuro a {
    background: #FFFFFF;
    color: #001391;
  }
  section.promo.desktop.oscuro a:hover {
    background: #D4EDFC;
  }
  section.promo.desktop.gris {
    background: #E9E9E9;
  }
  section.promo.desktop.gris .headline {
    color: #070E46;
    font-weight: bold;
  }
  section.promo.desktop.gris .imagen {
    margin-left: 30px;
    min-height: 250px;
  }
  section.promo.desktop.gris .bodycopy {
    color: #070E46;
  }
  section.promo.desktop.gris a {
    background: #004481;
    color: #eaf9fa;
    margin-bottom: 68px;
  }
  section.promo.desktop.gris a:hover {
    background: #1464A5;
  }
  section.promo.desktop.claro {
    background: #e3fcff;
  }
  section.promo.desktop.claro .headline {
    color: #070E46;
    font-weight: bold;
    margin-top: 50px !important;
    margin-bottom: 18px !important;
  }
  section.promo.desktop.claro .imagen {
    margin-left: 20px;
    min-height: 250px;
  }
  section.promo.desktop.claro .bodycopy {
    color: #070E46;
    font-size: 0.93em;
  }
  section.promo.desktop.claro a {
    background: #001391;
    color: #eaf9fa;
    margin-bottom: 50px !important;
    font-family: "BBVA-Bold";
    letter-spacing: -0.2px;
  }
  section.promo.desktop.claro a:hover {
    background: #1464A5;
  }
  section.promo.desktop.blanco {
    background: #FFFFFF;
  }
  section.promo.desktop.blanco .headline {
    color: #070E46;
    font-weight: bold;
    margin-bottom: 14px !important;
    margin-top: 28px;
  }
  section.promo.desktop.blanco .imagen {
    margin-right: 26px;
    min-height: 250px;
  }
  section.promo.desktop.blanco .bodycopy {
    color: #070E46;
    font-size: 0.95em;
  }
  section.promo.desktop.blanco a {
    background: #001391;
    color: #eaf9fa;
    padding: 14px 44px;
    margin-bottom: 26px !important;
  }
  section.promo.desktop.blanco a:hover {
    background: #1973B8;
  }
  section.promo.desktop.tipo1 {
    padding: 24px 24px 24px 30px;
  }
  section.promo.desktop.tipo2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 24px 30px 24px 24px;
  }
  section.promo.desktop.tipo2 .imagen {
    margin-left: 0;
    margin-right: 26px;
  }
  section.promo.desktop article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.promo.desktop article .info-box {
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    vertical-align: middle;
    position: relative;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-height: 204px;
  }
  section.promo.desktop article .info-box .headline {
    font-family: "tiemposMedium";
    font-size: 2.1em;
    line-height: 1.15em;
  }
  section.promo.desktop article .info-box .bodycopy {
    font-size: 1em;
  }
  section.promo.desktop article .info-box a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 14px 32px;
    border-radius: 8px;
    font-size: 0.95em;
    min-width: unset;
    letter-spacing: -0.5px;
  }
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* Componente espaciador */
.espaciador {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: auto;
  background-color: transparent;
  position: relative;
  --border-radius:15px;
  --half-esp-desktop: calc(var(--esp-desktop) / 2);
  --half-esp-mobile: calc(var(--esp-mobile) / 2);
  padding-top: var(--half-esp-desktop);
  padding-bottom: var(--half-esp-desktop);
}

@media (max-width: 767px) {
  .espaciador {
    padding-top: var(--half-esp-mobile);
    padding-bottom: var(--half-esp-mobile);
  }
}
@media (max-width: 1200px) {
  .espaciador {
    max-width: calc(100% - 48px);
  }
}
.espaciador.white {
  background-color: #FFF;
}

.espaciador.gris {
  background-color: #F4F4F4;
}

/* Redondeos de esquinas */
.espaciador.redondeo_superior {
  padding-top: calc(var(--half-esp-desktop) + var(--border-radius));
}
@media (max-width: 767px) {
  .espaciador.redondeo_superior {
    padding-top: calc(var(--half-esp-mobile) + var(--border-radius));
  }
}
.espaciador.redondeo_inferior {
  padding-bottom: calc(var(--half-esp-desktop) + var(--border-radius));
}
@media (max-width: 767px) {
  .espaciador.redondeo_inferior {
    padding-bottom: calc(var(--half-esp-mobile) + var(--border-radius));
  }
}

/* Cuando el espaciador es blanco, los redondeos son grises */
.espaciador.white.redondeo_superior::before, .espaciador.white.redondeo_inferior::after {
  background-color: #F4F4F4;
}

/* Cuando el espaciador es gris, los redondeos son blancos */
.espaciador.gris.redondeo_superior::before, .espaciador.gris.redondeo_inferior::after {
  background-color: #FFF;
}

.espaciador.redondeo_superior::before,
.espaciador.redondeo_inferior::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  height: var(--border-radius);
}

.espaciador.redondeo_superior::before {
  top: 0;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.espaciador.redondeo_inferior::after {
  bottom: 0;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

/*
 ____   ____ __      __
|  _ \ |  _ \\ \    / //\
| |_) || |_) |\ \  / //  \
|  _ < |  _ <  \ \/ // /\ \
| |_) || |_) |  \  // ____ \
|____/ |____/    \//_/    \_\

 _  _ _. _  _ . _|_ _  _   _  . _    _ _ _ _  _ _ _
(_|(_(_|(_)| )|_)|_(_|_)  (-  || )\/(-| _)(_)| (-_)

/=== INDEX  ===/

[0] Assets
[1] Reset
2 General
3 Header
4 Sliders
5 Modules
6 Forms
7 Footer

*/
/* === [0] Assets === */
/* Typography  */
@font-face {
  font-family: "BBVA-Bold";
  src: url("../assets/fonts/BentonSansBBVA-Bold.woff2") format("woff2"), url("../assets/fonts/BentonSansBBVA-Bold.woff") format("woff");
}
@font-face {
  font-family: "BBVA-Book";
  src: url("../assets/fonts/BentonSansBBVA-Book.woff2") format("woff2"), url("../assets/fonts/BentonSansBBVA-Book.woff") format("woff");
}
@font-face {
  font-family: "BBVA-BookItalic";
  src: url("../assets/fonts/BentonSansBBVA-BookItalic.woff2") format("woff2"), url("../assets/fonts/BentonSansBBVA-BookItalic.woff") format("woff");
}
@font-face {
  font-family: "BBVA-Light";
  src: url("../assets/fonts/BentonSansBBVA-Light.woff2") format("woff2"), url("../assets/fonts/BentonSansBBVA-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BBVA-Medium";
  src: url("../assets/fonts/BentonSansBBVA-Medium.woff2") format("woff2"), url("../assets/fonts/BentonSansBBVA-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "BBVA-MediumItalic";
  src: url("../assets/fonts/BentonSansBBVA-MediumItalic.woff2") format("woff2"), url("../assets/fonts/BentonSansBBVA-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "tiemposRegular";
  src: url("../assets/fonts/TiemposTextWeb-Regular.woff2") format("woff2"), url("../assets/fonts/TiemposTextWeb-Regular.woff") format("woff");
}
@font-face {
  font-family: "tiemposRegularItalic";
  src: url("../assets/fonts/TiemposTextWeb-RegularItalic.woff2") format("woff2"), url("../assets/fonts/TiemposTextWeb-RegularItalic.woff") format("woff");
}
@font-face {
  font-family: "tiemposBold";
  src: url("../assets/fonts/tiemposheadline-bold-webfont.woff2") format("woff2"), url("../assets/fonts/tiemposheadline-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "tiemposMedium";
  src: url("../assets/fonts/TiemposText-Medium.woff") format("woff");
}
@font-face {
  font-family: "tiemposBook";
  src: url("../assets/fonts/TiemposText-Regular.woff") format("woff");
}
@font-face {
  font-family: "tiemposLight";
  src: url("../assets/fonts/TiemposTextLight.woff") format("woff");
}
.mostrar {
  opacity: 1 !important;
}

/* para evitar la extraña carga de _card.scss */
.card {
  border: 0;
}

body {
  background: #F4F4F4;
}

#mensaje_debug_superior {
  display: none !important;
}
/*# sourceMappingURL=master.css.map */