.elementor-3307 .elementor-element.elementor-element-4f6d00e > .elementor-widget-container{margin:-40px 0px 30px 0px;}.elementor-3307 .elementor-element.elementor-element-a301033 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3307 .elementor-element.elementor-element-a301033 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-3307 .elementor-element.elementor-element-65ce472 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3307 .elementor-element.elementor-element-c78d0d4{--display:flex;}/* Start custom CSS for larson-portfolio, class: .elementor-element-65ce472 *//* Centrar los filtros */
.article__filter, filter container {
    display: flex;
    justify-content: center; /* Centra los botones dentro del contenedor */
        padding: 5px 0; /* Espaciado alrededor */
    gap: 3px; /* Espacio entre los botones de los filtros */
    flex-wrap: wrap; /* Los botones se envuelven si no caben en una fila */
    width: 100%; /* Asegura que el contenedor ocupe todo el ancho */
    max-width: 800px; /* Puedes ajustar el tamaño máximo del contenedor de filtros */
    margin: 0 auto; /* Centra el contenedor de filtros */
}




/* Estilo para el contenido del proyecto al pasar el ratón */
.card:hover .card__content {
    border: 2px solid red; /* Borde rojo en el contenido */
        background-color: white !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.3); /* Sombra roja para el efecto de hover */
}/* End custom CSS */