/*
  Font: Moderat
  300, 500, 900, normal, bold
*/
@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Light.woff2') format('woff2'),
    url('../fonts/Moderat-Light.woff') format('woff'),
    url('../fonts/Moderat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Medium.woff2') format('woff2'),
    url('../fonts/Moderat-Medium.woff') format('woff'),
    url('../fonts/Moderat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Black.woff2') format('woff2'),
    url('../fonts/Moderat-Black.woff') format('woff'),
    url('../fonts/Moderat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Regular.woff2') format('woff2'),
    url('../fonts/Moderat-Regular.woff') format('woff'),
    url('../fonts/Moderat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Bold.woff2') format('woff2'),
    url('../fonts/Moderat-Bold.woff') format('woff'),
    url('../fonts/Moderat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*
  Base
*/
body {
  font-family: 'Moderat', sans-serif;
  margin: 0 auto;
  background-color: #5f80d1;
}

/*
  Buttons
*/
.btn {
  border-radius: 30px;
}

button:focus {
  outline: 0;
}

.btn-primary {
  background-color: #081a3d;
  border-color: #081a3d;
  font-size: 400;
  color: #ffffff !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  outline: none !important;
  background-color: #123881 !important;
  border-color: #123881 !important;
  font-size: 400;
  color: #ffffff !important;
}

.btn-primary:hover {
  outline: none !important;
  background-color: #123881 !important;
  border-color: #123881 !important;
  font-size: 400;
  color: #ffffff !important;
}

.btn-primary:focus {
  outline: none !important;
  background-color: #123881 !important;
  border-color: #123881 !important;
  color: #ffffff !important;
  box-shadow: none;
}

.btn-primary:active {
  background-color: #123881;
  border-color: #123881;
  color: #ffffff !important;
}

.btn-secondary {
  background-color: #c3bbc6;
  border-color: #c3bbc6;
  color: #081a3d !important;
}
p.disclaimer_emisor {
  font-size: 0.8rem;
  margin-top: 10px;
}
.btn-secondary:hover {
  outline: none !important;
  background-color: #e4dbe7 !important;
  border-color: #e4dbe7 !important;
  color: #081a3d !important;
}

.btn-secondary:focus {
  outline: none !important;
  background-color: #e4dbe7 !important;
  border-color: #e4dbe7 !important;
  color: #081a3d !important;
  box-shadow: none;
}

.btn-secondary:active {
  background-color: #e4dbe7;
  border-color: #e4dbe7;
  color: #081a3d !important;
}

.btn-light {
  background-color: #fff;
  color: #0A47DF;
}

/* Color for distribución por sector */
.color-1 {
  background-color: #5b7380;
}

.color-2 {
  background-color: #2a4a50;
}

.color-3 {
  background-color: #2a6c50;
}

.color-4 {
  background-color: #1c8470;
}

.color-5 {
  background-color: #46a070;
}

.color-6 {
  background-color: #acc370;
}

.color-7 {
  background-color: #e1eb95;
}

.color-8 {
  background-color: #6e7185;
}

.color-9 {
  background-color: #4a4d66;
}

.color-10 {
  background-color: #a1a1a1;
}

.color-11 {
  background-color: #ededed;
}

.color-12 {
  background-color: #CAD7F9;
}

/*
  Riesgo
*/
.riesgo_conservador {
  width: 83px;
  height: 25px;
  font-size: 0.8rem;
  background-color: #653f6b;
  border-radius: 12px;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.riesgo_balanceado {
  width: 74px;
  height: 25px;
  font-size: 0.8rem;
  background-color: #00a378;
  border-radius: 12px;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.riesgo_agresivo {
  width: 60px;
  height: 25px;
  font-size: 0.8rem;
  background-color: #f79b4d;
  border-radius: 12px;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.rent_hide {
  display: none;
}

/*
  CHART
*/
.line-chart-size {
  height: 300px !important;
}

.line-chart__data-var {
  padding-bottom: 1rem;
}

.line-chart__data {
  padding-bottom: 0.5rem;
}

.line-chart__data-share h3,
.var-at-thirty {
  font-size: 2rem !important;
  padding-top: 0 !important;
}

/* PIE Chart */
#chartjs-tooltip {
  transition: opacity 0.2s ease-in;
  pointer-events: none;
  min-width: 110px;
  text-align: center;
}

#chartjs-tooltip table {
  min-width: 100%;
  color: #fff;
  background-color: transparent;
  border: 1px solid transparent;
}

#chartjs-tooltip table thead th {
  font-size: 0.75rem;
  background-color: transparent;
  border-bottom: 1px solid #ffff;
  text-transform: uppercase;
  background-color: #00001a33;
}

#chartjs-tooltip table thead th span {
  display: inline-block;
  margin-right: 3px;
  width: 10px;
  height: 10px;
  border-radius: 20px;
}

#chartjs-tooltip table tbody tr td {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 0.85rem;
}

#chartjs-tooltip table tbody tr td {
  display: inline-block;
  margin-right: 3px;
  width: 10px;
  height: 10px;
  border-radius: 20px;
}

/*
  NAVIGATION
*/
.navbar {
  padding-left: 2rem;
  padding-right: 2rem;
}

.btg-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.nav-link {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 300;
  font-size: 1rem;
}

.nav-link:hover {
  color: #c3bbc6
}

.nav-button {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  border-radius: 30px;
  background-color: #0A47DF;
  color: #ffffff;
}

.navbar-brand {
  width: 160px;
}

/* Video Vimeo */
.videowrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
  HERO SECTION
*/
.hero {
  position: relative;
  padding: 2rem 2rem 0 2rem;
}

.hero--button {
  padding-top: 2rem;
}

.hero--button a {
  padding: 0.5rem 2rem;
  width: 100%;
}

.hero--button a:nth-child(2) {
  margin-top: 1rem;
}

.hero--title,
.hero--paragraph {
  color: #ffffff;
  width: 85%;
}

.hero--title {
  font-family: 'Moderat';
  font-style: normal;
  font-size: 2.2rem;
}

.hero--title--area {
  display: block;
  font-size: 1rem;
  padding-bottom: 1rem;
  font-weight: 300;
  word-spacing: -1px;
}

.hero--title-light {
  font-weight: 300;
}

.hero--title-bold {
  font-weight: bold;
}

.hero--paragraph {
  margin: 0;
  font-size: 1rem;
  line-height: 25.888px;
}

.hero--paragraph.small_dis {
  font-size: 0.7rem;
  line-height: 100%
}

.hero--awards {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}

.hero--awards img {
  width: 45%;
}

.hero--next {
  padding-top: 2rem;
  text-align: center;
}

.hero--next img {
  width: 46px;
}

.hr {
  margin: 3rem 0 1rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  ;
}

.hr-bottom {
  margin: 2rem 0 1rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}

/*
  APV recomendation
*/
.apv {
  padding: 0 2rem 2rem 2rem;
  color: #ffffff;
}
#nuestros-esg ul {
  margin-top: 60px;
  margin-bottom: 80px;
  width: 100%;
}
#nuestros-esg ul li {
  display: inline-block;
  padding: 0 0 0 24px;
  margin-right: 40px;
}
#nuestros-esg ul li a {
  color: #fff;
  text-decoration: underline;
}
#nuestros-esg ul li.icon_web {
  background-image: url(https://www.btgpactual.cl/rentaresidencial/assets/images/internet.png);
  background-position: left center;
  background-size: 18px auto;
  background-repeat: no-repeat;
}
#nuestros-esg ul li.icon_youtube {
  background-image: url(https://www.btgpactual.cl/rentaresidencial/assets/images/youtube_icon.png);
  background-position: left center;
  background-size: 18px auto;
  background-repeat: no-repeat;
}
#nuestros-esg ul li.icon_spot {
  background-image: url(https://www.btgpactual.cl/rentaresidencial/assets/images/spotify_list.png);
  background-position: left center;
  background-size: 18px auto;
  background-repeat: no-repeat;
}

.disclaimer {
  width: 60%;
}
.disclaimer p {
  font-size: 11px;
}
.apv--title {
  font-weight: bold;
  font-size: 2rem;
  padding-top: 60px;
}

.apv--title-light {
  font-weight: 300;
}

.apv--paragraph {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 25.888px;
}

.apv--button-container {
  padding-top: 2.5rem;
}

.apv--button-group {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 200px;
  border-left: 1px solid #41445e;
  border-right: 1px solid #41445e;
  font-weight: bold;
}

.apv--button {
  width: 100%;
  text-align: center;
}

.apv--button a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #40445E;
  border-bottom: 3px solid #41445e;
}

.apv--button a:hover {
  color: #ffffff;
  border-bottom: 3px solid #1c8470;
}

.apv--button-active {
  color: #ffffff !important;
  border-bottom: 3px solid #1c8470 !important;
}

.apv--fund-container {
  padding-top: 1.5rem;
}

.apv--fund-container h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 8px;
  text-align: center;
}

.apv--fund-content {
  padding-top: 1.5rem;
}

.apv--fund-description h4 {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

.apv--fund-description p {
  padding-top: 0.5rem;
  font-size: 0.85rem;
}

.apv-fund-description--button {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  margin-bottom: 1rem;
  display:block
}

.apv-fund-description--button a {
  padding-left: 1rem;
  padding-right: 1rem;
  text-transform: uppercase;
}

.apv-fund-description--button a {
  border-radius: 20px;
  font-size: 0.85rem;
}

.apv--fund-linear-chart img {
  max-width: 100%;
}

.apv--fund-linear-chart p {
  font-size: 0.7rem;
  padding-right: 2rem;
}

.apv--fund-dougnut-chart {
  padding-top: 2rem;
}

h3.apv--fund-dougnut-chart-title {
  font-size: 1.2rem;
}

.apv--fund-dougnut-chart img {
  text-align: center;
  width: 80%;
}

.apv--fund-table {
  font-size: 0.85rem;
}

.apv--fund-table-title {
  padding-bottom: 0.2rem;
  border-bottom: 2px solid #ffffff;
  font-weight: bold;
}

.fund--table-item {
  display: flex;
  padding: 0.1rem;
  justify-content: space-between;
  border-bottom: 1px dotted #ffffff;
}

.fund--table-data {
  padding-left: 0.2rem;
  width: 60%;
}

.fund--table-value {
  width: 20%;
  padding-right: 0.5rem;
  text-align: right;
}

.fund--table-rating {
  width: 20%;
  text-align: right;
  padding-right: 0.5rem;
}

.table-item-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 0.3rem;
  border-radius: 50%;
}

.apv-fund-description-chart-title {
  font-size: 0.9rem !important;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}

/*
  INVERTIR SECTION
*/
.invertir {
  display: flex;
}

.invertir--text {
  padding-top: 2rem;
}

.invertir--non-btg {
  color: #0A47DF;
}

.invertir--btg,
.invertir {
  color: #ffffff;
}

.invertir--btg h3,
.invertir--text h3 {
  font-size: 1.5rem;
  font-weight: 300;
}

.invertir--non-btg h3 {
  font-size: 1.5rem;
}

.invertir--non-btg span,
.invertir--btg span,
.invertir--text span {
  font-weight: 300;
}

.invertir--button-container {
  padding-top: 2rem;
}
.text_col {
  display: flex;
}
.text_der {
  width: 740px;
  margin-top: 20px;
  align-items: flex-start;
}
.text_der iframe {
  width: 100%;
  height: 410px;
}
.text_izq {
  width: 516px;
  margin-right: 50px;
  margin-bottom: 30px;
}

/*
  FOOTER
*/
.footer {
  padding: 2rem 4rem;
  background-color: #000000;
}

.footer--container {
  justify-content: space-between;
  align-items: center;
}

.footer--logo img {
  width: 160px !important;
}

.footer--social-nav,
.footer--logo {
  text-align: center;
}

.footer--social-nav a {
  margin-left: 1rem;
}

.footer--disclaimer {
  width: 100%;
  padding-top: 1.5rem;
  font-size: 0.85rem;
  opacity: 0.8;
}

@media (min-width: 576px) {

  /* Hero */
  .hero--awards img {
    width: 30%;
  }
  .disclaimer {
    width: 100%;
  }
  .hero--button a {
    width: inherit;
  }

  .hero--button a:nth-child(2) {
    margin-top: 0;
    margin-left: 0.5rem;
  }

  /* APV */
  .apv--button-group {
    flex-direction: row;
  }

  .fund--table-data {
    width: 50%;
  }

  .fund--table-value {
    width: 20%;
  }

  .fund--table-rating {
    width: 30%;
  }

  /* Invertir */
  .invertir--btg,
  .invertir--non-btg {
    padding-right: 13rem;
  }

  .invertir--btg h3,
  .invertir--text h3 {
    font-size: 2rem;
  }
}

@media (min-width: 768px) {

  /*
  LINE CHART
  */
  .line-chart_flex {
    flex-direction: row;
  }
  .line-chart__data-share {
    padding-right: 5rem;
  }

  .line-chart__data-share h3 {
    line-height: 50px;
  }

  /*
  HERO SECTION
*/
  .hero {
    padding: 3rem 6rem 0 6rem;
  }
  .disclaimer {
    width: 100%;
  }
  .hero--title,
  .hero--paragraph {
    width: 491px;
  }

  .hero--awards img {
    width: 30%;
  }

  .hero--next {
    bottom: 1.5rem;
  }

  .hero--next img {
    width: 50px;
  }

  /*
  APV
  */
  .apv {
    padding: 0 6rem 0 6rem;
  }

  .apv--fund-description {
    padding-bottom: 1rem;
  }

  .apv--fund-linear-chart {
    padding-top: 2rem;
  }

  .apv--fund-dougnut-chart {
    padding-top: 0;
  }

  /* Invertir */
  .invertir--btg {
    padding: 4rem 7rem 4rem 2rem;
  }

  .invertir--non-btg {
    padding: 4rem 2rem 4rem 6rem;
  }

  .invertir--btg h3,
  .invertir--text h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {

  /*
  NAVIGATION
*/
  .navbar {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .text_izq {
    width: 416px;
    margin-right: 70px;
    margin-bottom: 30px;
  }
  .nav-link {
    margin-left: 1.5rem;
    font-size: 1rem;
  }

  .nav-button {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .navbar-brand {
    width: 160px;
  }

  /* LINE CHART */
  .line-chart__data-share h3 {
    margin-top: 0.1rem;
  }

  .line-chart__button {
    font-size: inherit;
    padding: 0.5rem 2.6rem;
  }
  #nuestros-esg ul {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #nuestros-esg ul li {
    margin-right: 20px;
  }

  /*
  HERO SECTION
*/
  .hero {
    padding: 4rem 10rem 2rem 10rem;
    background-position: center right;
    background-repeat: no-repeat;
  }

  .hero--title {
    width: 416px;
    font-size: 2.3rem;
  }

  .hero--title,
  .hero--paragraph {
    width: 416px;
  }
  .text_der iframe {
    width: 100%;
    height: 230px;
  }
  .hero--title--area {
    display: inline-block;
    font-size: 1.2rem;
    margin-right: 1.5rem;
  }

  .hero--awards img {
    width: 210px;
  }

  .hero--next {
    bottom: 1.5rem;
  }

  /*
  APV recomendation
*/
  .apv {
    padding: 0 10rem 2rem 10rem;
  }

  .apv--title {
    font-size: 2.5rem;
  }

  .apv--paragraph {
    padding-right: 16rem;
  }

  .apv--button a {
    font-size: 0.7rem;
  }

  .apv--fund-content {
    display: flex;
    padding-top: 2rem;
    max-width: 1200px;
  }

  .apv--fund-description {
    padding-bottom: 1rem;
  }

  .apv--fund-description h4 {
    padding-bottom: 0.5rem;
    font-size: 1.1rem;
  }

  .apv-fund-description--button {
    margin-bottom: 0;
  }

  .apv-fund-description--button a {
    max-width: 15rem;
  }

  /* Invertir */
  .invertir--btg {
    padding: 4rem 10rem 4rem 2rem;
  }

  .invertir--non-btg {
    padding: 4rem 2rem 4rem 10rem;
  }
}

@media (min-width: 1200px) {
  .hero--title {
    width: 396px;
    font-size: 2.5rem;
  }
  .text_der {
    width: 740px;
    margin-left: 50px;
    align-items: flex-start
  }
  .text_der iframe {
    width: 100%;
    height: 320px;
  }

  .hero--paragraph {
    width: 396px%;
    margin: 0;
    /* padding-left: 3rem; */
  }

  .hero--awards img {
    width: 180px;
  }

  .hero--next {
    font-size: 1.8rem;
    bottom: 2rem;
  }

  .hero--next img {
    width: 65px;
  }

  .hero--awards {
    /* padding-left: 3rem; */
  }

  /* APV */
  .apv--fund-content {
    max-width: 100% !important;
  }

  .apv--fund-linear-chart {
    padding-top: 0;
  }

  /*
  INVERTIR SECTION
*/
  .invertir {
    display: flex;
  }

  .invertir--btg {
    padding: 3rem 2rem 8rem 2rem;
  }

  .invertir--non-btg {
    color: #0A47DF;
    padding: 3rem 2rem 8rem 10rem;
  }

  .invertir--btg {
    color: #ffffff;
    background-color: #0A47DF;
  }

  .invertir--btg h3 {
    width: 340px;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .invertir--non-btg h3 {
    font-size: 1.8rem;
    font-weight: bold;
    width: 320px;
  }

  .invertir--non-btg span,
  .invertir--btg span {
    font-weight: 300;
  }

  .invertir--button-container {
    padding-top: 2rem;
  }
}

@media (min-width: 1340px) {
  .text_der iframe {
    height: 340px;
  }
}

  @media only screen and (min-width: 0px) and (max-width: 800px){
    .disclaimer, .text_izq, .text_der {
      width: 100%;
    }
    .text_col {
      width: 100%;
      display: inline-block;
    }
    .text_der {
      margin-top: 40px;
    }
    .hero--title, .hero--paragraph {
    color: #ffffff;
    width: 100%;
    }
    #nuestros-esg ul {
      margin: 20px 0;
    }
    #nuestros-esg ul li {
      width: 100%;
      margin-bottom: 10px;
    }
    .hero iframe {
      width: 100%;
      height: 210px;
    }
    .navbar-toggler-icon {
      display: none;
    }
    .hero--title {
    font-size: 2rem;
    width: 100%;
  }
}