:root {
    --main-color       : #333333;
    --title-color      : #333333;
    --text-color       : #333333;
    --light-text-color : #A0A7AC;
    --body-color : #FBFBFE;
    --gold-color : #D7B15E;
    --swiper-navigation-size: 30px!important;
  }
  @font-face {
    font-family: 'RobotoFlex';
    src: url('../fuentes/RobotoFlex-Regular.ttf');
}
body {
    background : var(--body-color);
    color      : var(--text-color);
    font-family: "Roboto Flex", sans-serif;
    font-size: 14px;
    user-select: none;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color : var(--title-color);
  }
  
  a {
    color : var(--main-color);
  }
  .navbar{
    top: 20px;
  }
  .subtitle {
    color : var(--light-text-color);
  }
  
  .button {
    background : var(--main-color);
  }

.link-dark{
    color:  var(--title-color)!important;
}

.icon-small{
    width: 24px;
}
.btn-primary{
    background-color: #333333;
    --bs-btn-active-bg: #D7B15E;
    border: 0;
    font-weight: bolder;
  }
.btn-primary:hover{
  background-color: var(--gold-color);
  color: var(--text-color);
  font-weight: bolder;
}
.bg-cover {
    height: calc(100vh - 225px)!important;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.dropdown-item:active, .btn-primary:active{
  background-color: var(--gold-color);
  color: var(--text-color);
}
.card{
    border-radius: 2px;

}
.card-resaltada{
    transition: all 0.2s;
    position: relative;
    background-color:#FDFDFE;
    border-radius: 10px;
}
.card-resaltada:hover{
    /* background-color: #D7B15E; */
    color: #333333;
    /* cursor: pointer; */
    transform: scale(1.02, 1.02);
}
.submenu-over:hover{
    background-color: white;
    transition: all 0.3s ease-in-out;
} 

.card-body > ul {
  font-size: 0.95rem;
}
.card-body > .card-title {
  font-size: 1.2rem;
}
.carousel-control-next, .carousel-control-prev {
  width: 10%;
}
.active{
  color: var(--gold-color); 
}
/* //Animaciones */
/*General styling for structure*/
  .scroll-caption {
    margin: 1rem;
  }
  
  @media screen and (max-width: 650px) {
    .scroll-container,
    .scroll-container:nth-of-type(even) {
      flex-direction: column;
      align-content: inherit;
    }
  
    .scroll-element {
      height: 100%;
    }
  
    .scroll-element,
    .scroll-caption {
      width: 100%;
    }
  }

  .js-scroll {
    opacity: 0;
    transition: opacity 500ms;
  }
  
  .js-scroll.scrolled {
    opacity: 1;
  }
  
  .scrolled.fade-in {
    animation: fade-in 1s ease-in-out both;
  }
  
  .scrolled.fade-in-bottom {
    animation: fade-in-bottom 1s ease-in-out both;
  }
  
  .scrolled.slide-left {
    animation: slide-in-left 1s ease-in-out both;
  }
  
  .scrolled.slide-right {
    animation: slide-in-right 1s ease-in-out both;
  }
  
  @keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(100px);
      transform: translateX(100px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .swiper-button-next, .swiper-button-prev {
    color: #333333!important;
  }