/*FAQS*/


.divFondoFaq {
    height: 100%;
    bottom: 0px;
    position: absolute;
    width: 100%;
    top: 0px;
    min-height: 90vh;
}

.divFondoFaq .title{
  font-size: 40px;
}

.card.card-faqs{
  background-color: transparent!important;
  box-shadow: none;
}

.card.card-faqs .card-header{
  background-color: transparent!important;
}

.card.card-faqs .card-header button{
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.card.card-faqs .card-header button:hover,.card.card-faqs .card-header button:active, .card.card-faqs .card-header button:focus {
 text-decoration: none;
}


.faq-icon.transition-icon {
  transition: transform 0.3s ease;
}

.rotate-180-faq-icon {
  transform: rotate(180deg);
}


@media (max-width: 768px) {
  .divFondoFaq {
    min-height: 50vh;
    bottom: 0px;
    position: relative;
    width: 100%;
    top: 0px;
    height: 50vh; /* Para móviles */
  }

  .divFondoFaq .title{
    font-size: 25px;
  }
}


.iconoFaq {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    color: aliceblue;
  }
  
  .iconoFaq::before {
    content: "\f00e";
    font-family: 'Font Awesome 5 Free'; /* Asegúrate de que esta fuente esté cargada */
    font-weight: 900;
    font-size: 25px;
    position: absolute;
    top: 36%;
    left: 43%;
    transform: translate(-50%, -50%);
   
  }

video {
    width: auto; /* Could also use width: 100%; */

    object-fit: contain;
    position: relative; /* Change position to absolute if you don't want it to take up the whole page */
    z-index: 0;
    filter: none;
}



@media (max-width: 480px) {
    video {
        width: auto; /* Could also use width: 100%; */

        object-fit: contain;
        position: relative; /* Change position to absolute if you don't want it to take up the whole page */
        z-index: 0;
    }
}