.portfolio-menu {
        display: flex;
        flex-wrap: wrap; 
        justify-content: center; 
    }

    .portfolio-menu button {
        margin: 5px; 
        flex: 0 0 auto; 
    }

    /* Estilos adicionales para ajustar el tamaño en pantallas pequeñas */
    @media (max-width: 768px) {
        .portfolio-menu button {
            width: 100px;
        }
    }
    
    .slick-track .btn{
        width:auto;
    }
    
    @media (max-width: 768px) {
        .btn .btn-px .slick-slide .slick-current {
            width: auto;
        }
    }
    

.fir-clickcircle {
  height: 100px;
  width: 100px;
  border-radius: 100px;
}

.fir-image-figure {
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  padding:1rem;
  border-radius:20px;
}

.fir-image-figure .caption, .fir-image-figure figcaption {
  padding-left: 15px;
}

@keyframes fadeInFadeOut {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}