.slider-textos button{
    background: #5d9595 !important;
  }

  @keyframes fadeInUp {
    from {
        transform: translate3d(0, 60px, 0);
        opacity: 0;

    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 60px, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeleft {
    from {
        transform: translate3d(-60px, 0, 0);
        opacity: 0;

    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeleft {
    from {
        transform: translate3d(-60px, 0, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0;

    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1
    }
}

.cats-separador{
    height: 200px;
}

.cats-detalle{
    background-color: white;
    border-radius: 15px;
    padding: 3rem;
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-top: 3px solid #5d9595; */
    position:relative;
    top: -425px;
}

.cats-detalle hr{
    background: #eea594;
    height: 0.15rem;
    width: 100%;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem !important;
}

h4{
    margin-bottom: 0;
}

.cats-detalle img{
    width:25px;
}



.slider-textos h1 {
    opacity: 0;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 0.5s; 
    animation-fill-mode: both;
    font-weight: 700;
    text-shadow: 1px 1px #000000;
}
.slider-textos h6 {
     opacity: 0;
    -webkit-animation-name: fadeleft;
    animation-name: fadeleft;
    animation-duration: 1.6s;
    animation-delay: 0.2s; 
    animation-fill-mode: both;
}

.slider-textos button {
    opacity: 0;
   -webkit-animation-name: fadein;
   animation-name: fadein;
   animation-duration: 1.6s;
   animation-delay: 0.8s; 
   animation-fill-mode: both;
}

.question{
  text-decoration: none;
  background: #ebebeb;
  border: none;
  border-radius: 8px;
  padding: 0.4rem 1rem;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  color: #5d9595;

}


.question[aria-expanded="false"]{
    background-color: #4d4d4d;
    color: white;
}

.plus-icon,.minus-icon.activo{
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

.minus-icon,.plus-icon.activo{
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

.plus-icon,.minus-icon{
    width: 20px;
    left: -20px;
}

.cats-container{
    background-color: white;
    margin-bottom: -700px;
}

@media(min-width:100px) and (max-width:768px){
    .cats-detalle{
        padding: 3rem 1rem !important;
        top: -363px;
    }
    .question a{
      width: 80%;
    }
    .slider-textos{
        left: 4.54% !important;
      }
}