*{
    font-family: "Open Sans", sans-serif;
}
.logo-link{
    width: 12%;
}

h1{
    font-size: 70px !important;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    line-height: 70px;
}
.bg{
    background: linear-gradient(to bottom, #f9f4e5, #ffffff);
}
.hero .h5{
    line-height: 30px;
}

.bg-image{
    background: url("img/bg-landing.png") no-repeat center center / cover;
    background-position-y: 50%;
    transition: opacity 1s ease-in;
}

.border-float{
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    height: 100%;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.border-float:hover{
    transform: scale(1.05);
}

.card{
    background: none !important;
}

.text-jh{
    color: #D1AE35 !important;
}

.bg-jh{
    background-color: #f9f4e5 !important;
}

.btn-jh{
    background-color: #D1AE35 !important;
    transition: transform 0.3s ease;
}

.btn-jh:hover{
    transform: scale(1.1);
    color: white;
}

.btn-jh-outline{
    border: 1px solid #D1AE35 !important;
    color: #fafafa;
    transition: transform 0.3s ease;
}
.btn-jh-outline:hover{
    background-color: #D1AE35 !important;
    color: #fafafa;
}

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

.featured-plan{
    transform: scale(1.05);
}
.featured-plan::before{
    content: '¡Mas buscado!';
    color: #D1AE35;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin-bottom: 0.5em;
    height: 1em;
    margin-top: -1.5em;
}

.border-jh{
    border: 2px solid #D1AE35 !important;
    background-color: #f9f4e5 !important;
}

#planes .border-float .btn-jh:hover{
    transform: scale(1);
}

/* Carrucel */
  .testimonial-carousel {
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: relative;
  }

  .testimonial-track {
    display: flex;
    transition: transform 0.5s ease;
  }

  .testimonial {
    flex: 0 0 33.3333%;
    padding: 20px;
    box-sizing: border-box;
  }

  .testimonial p {
    font-style: italic;
  }

  /* Flecha */
  .flecha{
    margin-top: -2em;
  }

@media all and (max-width: 768px){
    .logo-link {
        width: 28%;
    }
    header{
        padding: 1em;
        justify-content: flex-start !important;
    }
    h1{
        font-size: 50px !important;
        line-height: 55px;
    }
    .featured-plan{
        transform: scale(1);
    }
    .testimonial {
        flex: 0 0 100%;
    }
}

@media all and (min-width: 1200px){
    header{
        padding-left: 20vh;
    }
}

/* Acordeon */
.accordion-button:not(.collapsed){
    background-color: #d1af35c5 !important;
}

.accordion-button:focus{
    border-color: #D1AE35 !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #D1AE35 !important;
}

.accordion-body{
    background-color: #f9f4e5 !important;
}