/* Reset CSS */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px; }

/* Variables */
/* Utilidades */
.bg-grey {
  background: #F3F3F3; }

.text-blue {
  color: #007AFF; }

.h2 {
  font-size: 2rem !important;
  font-weight: 600 !important;
  margin-bottom: 5vh !important;
}

.h3 {
  font-size: 1.5rem !important;
  font-weight: 600 !important; }

.bold {
  font-weight: bold !important; }

p {
  margin: 1rem 0 !important;
  padding: 0 !important; }

.vh-100,
.vh-100-midle {
  height: 100vh; }

.img-fluid--negativo {
  margin-left: -20%;
  width: 110%; }

.hide {
  display: none; }

.over {
  overflow: auto;
  max-height: 70vh;
  overflow: auto;
  max-height: calc(100vh - 190px); }

.ancla {
  color: #007AFF !important;
  text-decoration: none;
  font-weight: 500; }

.card-circle__rounded {
  border-radius: 24px;
  -webkit-box-shadow: 3px 2px 6px #00000029;
          box-shadow: 3px 2px 6px #00000029; }

.over-card {
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer; }
  .over-card:hover {
    -webkit-transform: scale(1.07);
            transform: scale(1.07); }

::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }
  ::-webkit-scrollbar-thumb {
    background-color: #653490;
    border: 1px solid #555555;
    border-radius: 5px; }

/* Termina Utilidades */
/* Tools */
/* Tool-Nav */
/* Tool-Nav */
/* Termina Tool */
/* Componentes */
.accordian-title {
  font-weight: bold;
  padding: 20px;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  max-width: 90%;
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: white; }
  .accordian-title span {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
    height: 24px; }
  .accordian-title.active span {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear; }
    .accordian-title.active span svg {
      stroke: #ff0000; }
.accordian-content {
  display: none;
  padding: 0;
  background: #f1f1f144;
  max-width: 90%;
  border-bottom: 1px solid #C0C0C0; }
.accordian .link-accordian {
  color: #007AFF !important;
  text-decoration: none;
  font-weight: 500; }

/* Nav */
.content-slide {
  position: relative; }
  .content-slide__navegacion {
    width: 80%;
    margin: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: -1%;
    left: 5%; }
    .content-slide__navegacion .back {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      cursor: pointer;
      background: #F3F3F3;
      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;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      .content-slide__navegacion .back:hover {
        background: #ffd008;
        -webkit-box-shadow: 1px 3px 6px #a0a0a086;
                box-shadow: 1px 3px 6px #a0a0a086; }
    .content-slide__navegacion .next {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      cursor: pointer;
      background: #F3F3F3;
      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;
      -webkit-transition: all .5s ease;
      transition: all .5s ease; }
      .content-slide__navegacion .next:hover {
        background: #ffd008;
        -webkit-box-shadow: 1px 3px 6px #a0a0a086;
                box-shadow: 1px 3px 6px #a0a0a086; }

/* Termina Nav */
/* Card Home */
.card--bg-grey {
  background: #FAFAFA; }
.card--sm {
  width: 18rem; }
.card .card-header {
  background: white;
  height: 100px; }
  .card .card-header__title {
    font-weight: bold; }
.card__main .card__title {
  font-weight: bold !important;
  color: #4D4D4D; }
.card__content {
  color: #4D4D4D; }

/* Termina Card Home */
/* Contenido Slide */
.contentBX section {
  display: none; }
  .contentBX section.active {
    opacity: 1;
    display: block; }

.imgBX section {
  display: none; }
  .imgBX section.active {
    opacity: 1;
    display: block; }

.btn-white{
  background-color: white;
  border: 1px solid white;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.btn-white:hover{
  background-color: transparent;
  border: 1px solid white;
  color: white;
}


.content-text__p{
  margin-bottom: 5vh !important;
}


/* Responsive */
@media screen and (max-width: 768px) {
  .vh-100 {
    height: auto !important; } }
@media screen and (max-width: 1007px) {
  .vh-100-midle {
    height: auto !important; } }
@media screen and (max-width: 1114px) {
  .content-slide {
    position: initial; }
    .content-slide__navegacion {
      width: 90%;
      position: initial; }

  .img-fluid--negativo {
    margin-left: 0;
    width: 100%; } }

/*# sourceMappingURL=style.css.map */