.elementor-1522 .elementor-element.elementor-element-68ab4472{--display:flex;}.elementor-1522 .elementor-element.elementor-element-a3ffad1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}/* Start custom CSS for wpo-charius_about, class: .elementor-element-6937d00 */.about-info-wrap {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ab4472 */.wpo-section-title {
    max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3ffad1 */.col {
    z-index: 9999;
}

/* Forzamos el comportamiento Flex en el contenedor de los banners */
.charius-feature .service-wrap .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

/* Hacemos que cada columna ocupe una fracción igual del espacio (50/50, 33/33, etc.) */
.charius-feature .service-wrap .row .col {
    flex: 1 0 0% !important; 
    max-width: 100% !important; /* Desactiva el ancho fijo de col-lg-3 */
    width: auto !important;
}

/* Enfoque Mobile-First: En pantallas pequeñas los apilamos al 100% para legibilidad */
@media (max-width: 767px) {
    .charius-feature .service-wrap .row .col {
        flex: 0 0 100% !important;
        margin-bottom: 20px;
    }
}/* End custom CSS */
/* Start custom CSS */.wpo-page-title {
    display: none;
}/* End custom CSS */