@charset "UTF-8";
/*****
    Colors
*****/
.bbva-navy {
  color: #072146 !important;
}

.bbva-core-dark-blue {
  color: #043263 !important;
}

.bbva-core-blue {
  color: #004481 !important;
}

.bbva-core-light-blue {
  color: #1464a5 !important;
}

.bbva-medium-blue {
  color: #1973b8 !important;
}

.bbva-medium-light-blue {
  color: #49a5e6 !important;
}

.bbva-light-blue {
  color: #5bbeff !important;
}

.bbva-white-light-blue {
  color: #d4edfc !important;
}

.bbva-aqua {
  color: #2dcccd !important;
}

.bbva-darkest-aqua {
  color: #006c6c !important;
}

.bbva-dark-aqua {
  color: #028484 !important;
}

.bbva-medium-aqua {
  color: #02a5a5 !important;
}

.bbva-light-aqua {
  color: #5ac4c4 !important;
}

.bbva-white-aqua {
  color: #eaf9fa !important;
}

.bbva-600 {
  color: #121212 !important;
}

.bbva-500 {
  color: #666666 !important;
}

.bbva-400 {
  color: #bdbdbd !important;
}

.bbva-300 {
  color: #d3d3d3 !important;
}

.bbva-200 {
  color: #e9e9e9 !important;
}

.bbva-100 {
  color: #f4f4f4 !important;
}

.bbva-white {
  color: #ffffff !important;
}

.bbva-cool-grey-100 {
  color: #050b0f !important;
}

.bbva-cool-grey-90 {
  color: #091016 !important;
}

.bbva-cool-grey-80 {
  color: #0e1a25 !important;
}

.bbva-cool-grey-70 {
  color: #132330 !important;
}

.bbva-cool-grey-60 {
  color: #1d303d !important;
}

.bbva-cool-grey-50 {
  color: #2e4452 !important;
}

.bbva-cool-grey-40 {
  color: #4d6572 !important;
}

.bbva-cool-grey-30 {
  color: #778892 !important;
}

.bbva-cool-grey-20 {
  color: #abb6bc !important;
}

.bbva-cool-grey-10 {
  color: #e6eaeb !important;
}

.bbva-red {
  color: #da3851 !important;
}

.bbva-dark-red {
  color: #b92a45 !important;
}

.bbva-medium-red {
  color: #c0475e !important;
}

.bbva-light-red {
  color: #e77d8e !important;
}

.bbva-white-red {
  color: #f4c3ca !important;
}

.bbva-orange {
  color: #f7893b !important;
}

.bbva-dark-orange {
  color: #c65302 !important;
}

.bbva-medium-orange {
  color: #d8732c !important;
}

.bbva-light-orange {
  color: #fab27f !important;
}

.bbva-white-orange {
  color: #fde7d8 !important;
}

.bbva-yellow {
  color: #f8cd51 !important;
}

.bbva-dark-yellow {
  color: #9c6c01 !important;
}

.bbva-medium-yellow {
  color: #c49735 !important;
}

.bbva-light-yellow {
  color: #fade8e !important;
}

.bbva-white-yellow {
  color: #fef5dc !important;
}

.bbva-sand {
  color: #d8be75 !important;
}

.bbva-dark-sand {
  color: #8e7022 !important;
}

.bbva-medium-sand {
  color: #b79e5e !important;
}

.bbva-light-sand {
  color: #e6d5a5 !important;
}

.bbva-white-sand {
  color: #f3ebd5 !important;
}

.bbva-green {
  color: #48ae64 !important;
}

.bbva-dark-green {
  color: #277a3e !important;
}

.bbva-medium-green {
  color: #388d4f !important;
}

.bbva-light-green {
  color: #88ca9a !important;
}

.bbva-white-green {
  color: #d9efe0 !important;
}

.bbva-coral {
  color: #f35e61 !important;
}

.bbva-dark-coral {
  color: #cb353a !important;
}

.bbva-medium-coral {
  color: #d44b50 !important;
}

.bbva-light-coral {
  color: #f59799 !important;
}

.bbva-white-coral {
  color: #fcdfdf !important;
}

.bbva-pink {
  color: #f78be8 !important;
}

.bbva-dark-pink {
  color: #ad53a1 !important;
}

.bbva-medium-pink {
  color: #c569b9 !important;
}

.bbva-light-pink {
  color: #fab3f0 !important;
}

.bbva-white-pink {
  color: #fddcf8 !important;
}

.bbva-purple {
  color: #8f7ae5 !important;
}

.bbva-dark-purple {
  color: #6754b8 !important;
}

.bbva-medium-purple {
  color: #7c6ac7 !important;
}

.bbva-light-purple {
  color: #b6a8ee !important;
}

.bbva-white-purple {
  color: #ddd7f7 !important;
}

/*****
	Typography
*****/
#sectionTitle,
#tourismCoicopTitle,
.menu-hc {
  font-family: "BentonSansBBVA-medium", sans-serif;
}

.menu-hc {
  font-size: 15px;
  line-height: 24px;
}

#countryTitle, #sectionTitle, #tourismCoicopTitle {
  font-family: "TiemposBBVA-bold", sans-serif;
}

#countryTitle, #sectionTitle {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 0;
}

#tourismCoicopTitle {
  font-size: 24px;
  line-height: 32px;
}

#countryTitle, #sectionTitle, #tourismCoicopTitle, #sankey-subtitle-text, .source-text, .header-of-the-chart, .footer-leyend-text, .container-bar-last-date {
  color: #070E46 !important;
}

#sankey-subtitle-text, #tourismCoicopTitle {
  margin: 0;
}

.option-hc {
  font-family: "BentonSansBBVA-book", sans-serif;
}

.custom-download-link {
  margin: 0;
  padding: 0;
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #001391;
  background-color: transparent !important;
  border: 0 !important;
}
.custom-download-link:hover {
  color: #070E46;
}

.footer-leyend-text {
  font-size: 12px;
  padding-right: 20px;
  margin: 0;
}
.footer-leyend-text:first-child {
  padding-right: 0;
}

.highcharts-legend {
  font-weight: 300;
}

.font-normal {
  font-style: normal;
}

.font-italic {
  font-style: italic;
}

.text-bold {
  font-weight: 700;
}

.text-medium {
  font-weight: 600;
}

.text-book {
  font-weight: 500;
}

.text-light {
  font-weight: 300;
}

.text-3xl {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 24px;
  line-height: 32px;
}

.text-2xl {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 22px;
  line-height: 32px;
}

.text-xl {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 20px;
  line-height: 24px;
}

.text-l {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 18px;
  line-height: 24px;
}

.text-m {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 16px;
  line-height: 24px;
}

.text-s {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 15px;
  line-height: 24px;
}

.text-xs {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 14px;
  line-height: 16px;
}

.text-2xs {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 12px;
  line-height: 16px;
}

.text-3xs {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 10px;
  line-height: 16px;
}

.title {
  font-weight: 600;
  color: #121212;
}

.subtitle {
  font-weight: 500;
}

.elipsis-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

.elipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

.elipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

.elipsis-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

.elipsis-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

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

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

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

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

/*****
    Sizing
*****/
.w-auto {
  width: auto;
}

.w-100,
w-full {
  width: 100%;
}

.w-90 {
  width: 90%;
}

.w-75 {
  width: 75%;
}

.w-50 {
  width: 50%;
}

.w-25 {
  width: 25%;
}

.w-10 {
  width: 10%;
}

.mw-100 {
  max-width: 100%;
}

.mw-75 {
  max-width: 75%;
}

.mw-50 {
  max-width: 50%;
}

.mw-25 {
  max-width: 25%;
}

.minw-100 {
  min-width: 100%;
}

.minw-75 {
  min-width: 75%;
}

.minw-50 {
  min-width: 50%;
}

.minw-25 {
  min-width: 25%;
}

.main-layout {
  margin-top: 16px;
  display: grid !important;
  grid-template-areas: "left right";
  grid-template-columns: minmax(260px, 1fr) 3fr;
  gap: 16px;
  grid-auto-rows: auto;
  grid-template-rows: auto auto;
}
@media screen and (min-width: 1200px) {
  .main-layout {
    grid-template-columns: minmax(300px, 1fr) 3fr;
  }
}

.single {
  grid-area: single;
}

.left {
  grid-area: left;
  height: fit-content;
}

.right {
  grid-area: right;
  height: fit-content;
  min-width: 100%;
}

@supports (-webkit-appearance: none) {
  .right {
    min-width: 0 !important;
  }
}
.chart-wrapper {
  overflow: hidden;
  background-color: #ffffff;
  padding: 16px;
  border-radius: 16px;
  transition: height 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.chart-wrapper .container {
  width: 100%;
  max-width: 100%;
  position: relative;
}
.chart-wrapper .container.empty-state {
  overflow: hidden !important;
}
.chart-wrapper .container.empty-state #no-data-message {
  opacity: 1 !important;
}
.chart-wrapper #no-data-message {
  padding: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 9;
  background-color: #ffffff;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.chart-wrapper #no-data-message .container-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 16px;
}
.chart-wrapper #no-data-message .header-title, .chart-wrapper #no-data-message .body-text {
  color: #070E46;
  text-align: left;
}
.chart-wrapper #no-data-message .header-title {
  font-size: 20px;
  line-height: 32px;
  font-family: "BentonSansBBVA-medium", sans-serif;
  margin-bottom: 16px;
  margin-top: 0;
}
.chart-wrapper #no-data-message .body-text {
  font-size: 15px;
  line-height: 24px;
  font-family: "BentonSansBBVA-book", sans-serif;
}

#chartsTitle,
#chartsSubtitle {
  margin: 0;
  text-align: left;
  color: #070e46;
}

#chartsTitle {
  font-family: "TiemposBBVA-bold", sans-serif;
  font-size: 24px;
  line-height: 32px;
}

#chartsSubtitle, #sankey-subtitle-text {
  font-family: "BentonSansBBVA-book", sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.last-update-text, .desc-text {
  margin: 16px 0 0 0;
  font-family: "BentonSansBBVA-book", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #070e46;
}

.download-accordion-footer {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.radio-buttons-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.radio-buttons-group .radio-buttons-separator {
  width: 1px;
  height: 24px;
  background-color: #CAD1D8;
  border-radius: 1px;
}

.radio-label {
  font-size: 12px;
  line-height: 24px;
  margin-block-end: 0;
  margin-block-start: 0;
  color: #070e46;
}

.radio-real-nominal .radio-group,
.radio-quarterly-yoy .radio-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.radio-real-nominal .radio-container,
.radio-quarterly-yoy .radio-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio-real-nominal .radio-container > .styled-radio,
.radio-quarterly-yoy .radio-container > .styled-radio {
  accent-color: #001391;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}

.page-child #primary {
  padding: 0;
}
.page-child #primary .single {
  padding: 0 16px;
}
.page-child #primary .left {
  margin: 0 16px;
  position: relative;
  z-index: 9;
}
.page-child #primary .right {
  min-width: 100%;
}

.series-layout {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.series-layout__chart {
  width: 100%;
  max-width: 85%;
}

.series-layout__data-panel {
  width: calc(15% - 20px);
}

#temporalSerie-inputs-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.chart-last-date, #sankeyDate, .container-bar-last-date {
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  color: #070e46;
  margin: 0;
}

.chart-last-date {
  margin: 20px 0 24px;
}

.chart-data-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.chart-data-info #datoRender {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
.chart-data-info #datoRender #dato-hover,
.chart-data-info #datoRender #serie-hover {
  margin: 0;
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.chart-data-info #datoRender #dato-hover {
  font-size: 20px;
}
.chart-data-info #datoRender #serie-hover {
  font-size: 15px;
}
.chart-data-info #datoRender .dato-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
}
.chart-data-info #datoRender .dato-info .color-line {
  display: none;
  width: 16px;
  height: 4px;
  border-radius: 2px;
}

g.highcharts-range-selector-buttons .highcharts-label {
  display: none;
  position: absolute;
}

.highcharts-button-pressed text {
  color: #ffffff;
}

.chart-container {
  height: 525px;
  margin: 0 -10px;
}

.highcharts-grid .highcharts-grid-line:last-child {
  display: none;
  visibility: hidden;
}

.header-of-the-chart {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.header-of-the-chart #tab-obtions-bar {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  overflow-x: auto;
  white-space: nowrap;
}
.header-of-the-chart #tab-obtions-bar::-webkit-scrollbar {
  display: none;
}
.header-of-the-chart #tab-obtions-bar .tab-options {
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #070E46;
  border-bottom: 2px solid #070E46;
  cursor: pointer;
}
.header-of-the-chart #tab-obtions-bar .tab-options.not-selected {
  color: #001391;
  border-color: transparent;
}
.header-of-the-chart #tab-obtions-bar .tab-options.not-selected:hover {
  color: #070E46;
}

#play-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
#play-controls #play-pause-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #001391;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  width: 40px;
  height: 40px;
}
#play-controls #play-pause-button:hover, #play-controls #play-pause-button:active {
  background-color: #070e46;
}
#play-controls #play-pause-button svg {
  fill: #fff;
  width: 1.75rem;
  height: 1.75rem;
}
#play-controls #play-pause-button svg.visible {
  display: block;
}
#play-controls #play-pause-button svg.hidden {
  display: none;
}
#play-controls .actual-date {
  width: 12%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
}
#play-controls .actual-date .info-date-text {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: #070e46;
}
#play-controls .actual-date #play-output {
  padding: 0;
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #070e46;
}

#play-range {
  width: 80%;
}
#play-range .legend {
  display: none;
}

#resetZoomBtn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 288.5px;
  right: 0;
  padding: 12px;
  background-color: #001391;
  border: none;
  border-radius: 8px 8px 0 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
}
#resetZoomBtn:hover {
  background-color: #070E46;
}
#resetZoomBtn:focus {
  outline: none !important;
}

.footer-texts {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: start;
  gap: 16px;
  justify-content: space-between;
  height: 100%;
}
.footer-texts .risk-range {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.footer-texts .risk-range .risk {
  font-family: "BentonSansBBVA-book", sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #070e46;
}
.footer-texts .risk-range .risk::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0px 8px -2px 0;
  border-radius: 2px;
}
.footer-texts .risk-range .risk.low::before {
  background-color: #9CE67E;
}
.footer-texts .risk-range .risk.neutral::before {
  background-color: #ADB8C2;
}
.footer-texts .risk-range .risk.high::before {
  background-color: #FFB56B;
}
.footer-texts .risk-range .risk.extreme::before {
  background-color: #C30A0A;
}

@media only screen and (max-width: 992px) {
  .header-of-the-chart {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin-bottom: 8px;
  }
  .header-of-the-chart #tab-obtions-bar {
    gap: 8px 16px;
  }
  .series-layout {
    flex-direction: column;
    gap: 0px;
  }
  .series-layout__chart,
  .series-layout__data-panel {
    width: 100%;
    max-width: 100%;
  }
  .right-data-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 16px;
    gap: 16px;
  }
  .right-data-panel .chart-last-date {
    margin: 0;
  }
  .right-data-panel .chart-data-info {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
  }
  .right-data-panel .chart-data-info #datoRender {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  .right-data-panel .chart-data-info #datoRender #dato-hover {
    font-family: "BentonSansBBVA-medium", sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #070e46 !important;
  }
  .right-data-panel .chart-data-info #datoRender .dato-info .color-line {
    display: inline-block;
  }
  .right-data-panel .chart-data-info #datoRender .dato-info #serie-hover {
    font-family: "BentonSansBBVA-book", sans-serif;
    font-weight: 300;
    color: #070e46 !important;
  }
}
@media only screen and (max-width: 768px) {
  .radio-buttons-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .radio-buttons-group .radio-buttons-separator {
    display: none;
  }
  .radio-real-nominal {
    margin-bottom: 0;
  }
  .radio-quarterly-yoy {
    margin-top: 0;
  }
  .footer-texts .risk-range {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .footer-texts .risk-range .risk {
    width: 100%;
  }
  .highcharts-input-group {
    transform: translate(10px, 70px);
  }
}
@media only screen and (max-width: 600px) {
  #play-controls #play-range {
    width: 70%;
  }
  #play-controls .actual-date {
    width: 30%;
  }
}
@media screen and (max-width: 500px) {
  #play-controls #play-range {
    width: 80%;
  }
  #play-controls .actual-date {
    width: 40%;
  }
}
#geopolitical-subhome-container {
  margin-bottom: 40px;
}
#geopolitical-subhome-container #tab-default {
  padding: 0;
  margin: 0;
}
#geopolitical-subhome-container .tab-content-container {
  font-family: "BentonSansBBVA-book", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #070E46;
  margin-bottom: 24px;
}
#geopolitical-subhome-container .tab-submenu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 768px) {
  #geopolitical-subhome-container .tab-submenu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  #geopolitical-subhome-container .tab-submenu {
    grid-template-columns: 1fr;
  }
}
#geopolitical-subhome-container .tab-submenu .submenu-item {
  padding: 24px;
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
#geopolitical-subhome-container .tab-submenu .submenu-item .item-name {
  margin: 0;
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #070E46;
}
#geopolitical-subhome-container .tab-submenu .submenu-item .item-desc {
  margin: 0;
  font-family: "BentonSansBBVA-book", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #070E46;
}
#geopolitical-subhome-container .tab-submenu .submenu-item .link-name {
  margin: 0;
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #001391;
}
#geopolitical-subhome-container .tab-submenu .submenu-item .link-name:hover {
  color: #070E46;
}

* {
  font-family: "BentonSansBBVA-book", sans-serif;
}

.outline-0,
.outline-none {
  outline: none;
}

hr {
  width: 100%;
  height: 1px;
  margin: 0;
  background-color: #666666;
  border: none;
}

#chart-left-panel {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.chart-left-panel_items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.option-hc:active, .menu-hc:active {
  color: #070E46;
}

.option-hc {
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-weight: 500;
}

.selected-option {
  color: #070E46;
}

.not-selected-option:hover {
  background-color: #ffffff !important;
}

.not-selected-option:active {
  color: #070E46 !important;
}

bbva-tab-default {
  margin-bottom: 0;
}

#chart-left-panel > div > div > i {
  font-size: 18px;
}

.no-data {
  background-color: rgba(0, 19, 145, 0.4);
}

.no-data > span > span {
  color: #ffffff;
}

a [class*=icon-spherica_Unfold]:before, a [class*=icon-spherica_Fold]:before {
  color: #001391 !important;
  font-size: 18px;
}

.menu-hc-submenu {
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.label-swtch {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 24px;
  background: #666666;
  display: block;
  border-radius: 20px;
  position: relative;
}

.label-swtch:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 11px;
  transition: 0.3s;
}

input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

svg > image {
  display: none !important;
}

#high-low-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-top: 2.7rem;
  padding-bottom: 2.7rem;
}

#high-container {
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  text-align: center;
  height: 33%;
}

#medium-container {
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  text-align: center;
  height: 33%;
}

#low-container {
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  text-align: center;
  height: 33%;
}

#wrapper {
  width: 100%;
  display: inline-block;
}
#wrapper #navigationMenu {
  width: 25%;
  min-height: 80vh;
  float: left;
  padding-right: 20px;
  border-right: 1px solid #bdbdbd;
}
#wrapper #navigationMenu #navigationMenuTitle {
  font-size: 20px;
  line-height: 0px;
  font-weight: 600;
}
#wrapper #navigationMenu #textSelect {
  font-size: 16px;
  line-height: 10px;
  font-weight: 500;
  color: #666666;
}
#wrapper #navigationMenu div bbva-web-link {
  text-align: left;
  justify-content: left;
}

#second {
  width: 70%;
  float: left;
  overflow: hidden;
  margin: 0 0 0 20px;
}
#second .tab-heading {
  display: flex;
  justify-content: space-between;
}
#second .tab-heading .head-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
#second .tab-heading .head-info #secondTitle {
  font-size: 20px;
  line-height: 0px;
  font-weight: 600;
}
#second .tab-heading #lastModifyDate {
  font-size: 14px;
  line-height: 0px;
  color: #666666;
}
#second .container-chart-panel {
  display: flex;
}
#second .container-chart-panel .highcharts-button text {
  font-family: var(--wp--preset--font-family--dm-sans) !important;
}
#second .container-chart-panel .highcharts-range-input text {
  font-family: var(--wp--preset--font-family--dm-sans) !important;
  font-size: 13px !important;
  color: #0174b7 !important;
  fill: #0174b7 !important;
}
#second .container-chart-panel .container-chart {
  width: 90%;
  height: 60vh;
}
#second .container-chart-panel #datos {
  width: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#second .container-chart-panel #last-date {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  margin-block-end: 0;
}
#second .container-chart-panel .dato {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.highcharts-title {
  text-align: left;
}

.divider-vertical {
  width: 1px;
  margin: 6px 0;
  background: #bdbdbd;
}

#multiple-select-divisions {
  min-height: auto;
}

text.highcharts-subtitle {
  display: none;
}

#tab-0 > span > div > .title {
  font-family: "BentonSansBBVA-book", sans-serif;
}

/* Estilos para el título del país y el eje en el que está */
div#consume {
  margin-top: 10px;
}

#tourismCoicopTitle .text.desktop {
  padding: 0;
  margin: 0;
}

.tourism-subtitle-text {
  display: flex;
  justify-content: space-between;
}

.tab .tab-title .title,
.tab .tab-title .text {
  font-family: "BentonSansBBVA-book", sans-serif !important;
}

:host([unset][ellipsis]) > .text {
  font-family: "BentonSansBBVA-medium", sans-serif !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.option-menu-arrow {
  position: absolute;
  left: -4px;
}

#custom-legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
#custom-legend p {
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}
#custom-legend #range-name {
  margin-right: 4px;
}
#custom-legend .colors-range {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
#custom-legend .colors-range .color-range {
  width: 70px;
  height: 10px;
}

/* Elimina los estilos por defecto del input en focus */
input[type=date]:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  outline-width: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-style: none !important;
  color: rgb(25, 115, 184);
  font-family: "BentonSansBBVA-medium", sans-serif;
  font-size: 0.9em !important;
  fill: rgb(25, 115, 184);
  font-weight: 300;
}

.grid-item {
  padding: 20px;
  text-align: center;
}

.display-none {
  display: none !important;
}

.rectangle-with-color {
  margin-right: 4px;
  height: 6px;
  width: 16px;
}

.circle-with-color {
  margin-right: 4px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}

.footer-leyend-div {
  display: flex;
  align-items: center;
}

.gnoss-wrapper {
  display: none;
  padding: 40px 16px 24px;
}
.gnoss-wrapper .gnoss-publications-knowmore {
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: #070E46;
  font-family: "TiemposBBVA-bold", sans-serif;
  margin-bottom: 16px;
}

.gnoss-wrapper.show {
  display: block;
}

.gnoss-publications {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 24px;
}
.gnoss-publications .gnoss-publication {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  height: 100%;
  min-height: 40px;
  border-radius: 16px;
}
.gnoss-publications .gnoss-publication .gnoss-publication__link {
  flex-grow: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: #fff;
  border-radius: 16px;
}
.gnoss-publications .gnoss-publication .gnoss-publication__bg_image {
  width: 100%;
  min-height: 208px;
  height: 208px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  position: relative;
  padding: 8px;
}
.gnoss-publications .gnoss-publication .gnoss-publication__bg_image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.gnoss-publications .gnoss-publication .gnoss-publication__bg_image .gnoss-publication__bd_topic {
  position: relative;
  z-index: 1;
  background-color: #001391;
  font-family: "BentonSansBBVA-book", sans-serif;
  font-style: italic;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 16px;
}
.gnoss-publications .gnoss-publication .gnoss-publication__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gnoss-publications .gnoss-publication .gnoss-publication__content .gnoss-publication__content_title {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  color: #070E46;
  font-family: "TiemposBBVA-bold", sans-serif;
}
.gnoss-publications .gnoss-publication .gnoss-publication__content .gnoss-publication__date {
  font-family: "BentonSansBBVA-medium", sans-serif;
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  color: #070E46;
}
.gnoss-publications .gnoss-publication .gnoss-publication__content .gnoss-publication__content_description {
  font-family: "BentonSansBBVA-book", sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #070E46;
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 12;
  line-clamp: 12;
  word-wrap: break-word;
}

@media screen and (max-width: 992px) {
  .flex-md-column,
  .flex-md-row,
  .w-md-100 {
    flex-direction: column !important;
    width: 100%;
  }
  #tab-default {
    display: inline;
  }
  .main-layout {
    display: grid !important;
    grid-template-areas: "single" "left" "right";
    grid-template-columns: 1fr;
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .chart-data-info {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 23px 0;
  }
}
@media screen and (max-width: 768px) {
  .option-menu-arrow {
    left: -2px;
  }
  bbva-form-toggle#multiple-select-divisions {
    min-height: auto;
  }
  .information-text-style {
    padding-bottom: 0;
    margin-block-end: 0;
  }
  .container-map {
    height: 300px !important;
  }
  .info-text {
    font-size: 12px !important;
    line-height: 16px;
  }
  .justify-center {
    justify-content: flex-start;
  }
  .tourism-subtitle-text {
    margin-top: 8px;
  }
  #footer-layout-SankeyChart {
    padding-top: 0 !important;
  }
  #chartFooter-SankeyChart {
    margin-top: 20px;
  }
}
@media screen and (max-width: 600px) {
  .flex-md-column,
  .flex-md-row,
  .w-md-100 {
    flex-direction: column !important;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .page:not(.home) #primary .single {
    padding: 0;
  }
  .page:not(.home) #primary .left {
    margin: 0;
  }
  .page:not(.home) #primary .chart-wrapper {
    padding: 24px;
  }
  .gnoss-wrapper {
    padding: 48px 0 40px;
  }
  .gnoss-wrapper .gnoss-publications-knowmore {
    margin-bottom: 24px;
  }
  .gnoss-publications {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .main-layout {
    gap: 24px;
  }
  #chart-left-panel {
    padding: 24px;
  }
  .page:not(.home) #primary .chart-wrapper {
    padding: 24px;
  }
  .gnoss-publications .gnoss-publication {
    gap: 24px;
  }
  .gnoss-publications .gnoss-publication .gnoss-publication__content_title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .gnoss-publications {
    gap: 24px;
  }
  .gnoss-publications .gnoss-publication .gnoss-publication__link {
    padding: 24px;
  }
}

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