.elementor-190 .elementor-element.elementor-element-dd4c3ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-190 .elementor-element.elementor-element-d3b1a7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-be1f807 *//* 1. Fondo base de la cabecera (Azul claro a tu Rojo suave) */
.tablepress-id-1 thead th {
    background-color: #cac9c4 !important;
  
    border: none !important;
    transition: background-color 0.3s ease;
}

/* 2. Quitar el color azul automático de la columna activa/seleccionada */
.tablepress-id-1 thead .sorting,
.tablepress-id-1 thead .sorting_asc,
.tablepress-id-1 thead .sorting_desc {
    background-color: #D17B7B !important;
}

/* 3. Efecto HOVER solo en la celda/columna seleccionada */
.tablepress-id-1 thead th:hover {
    background-color: #BF2B2B !important;
    color: #ffffff !important;
    cursor: pointer;
}

/* 4. Asegurar que las flechas de ordenamiento no cambien a colores extraños */
.tablepress-id-1 thead .dt-column-order:before,
.tablepress-id-1 thead .dt-column-order:after {
    color: #ffffff !important;
}
@media screen and (max-width: 767px) {
    .tablepress-id-1 {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}/* End custom CSS */