.counter-su288 {
    position: relative;
    display: block;
    padding: 0 0 117px;
    z-index: 1;
}

.counter-su288-single {
    position: relative;
    border: none !important;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.counter-su288-content {
    margin-left:0;
}

.counter-su288-single-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem;
    background-color: #f5f4ec;
    overflow: hidden;
    z-index: 1;
    flex-grow: 1;
    border-radius:15px;
    justify-content: center;
}
.counter-su288-single-inner.count-accomplished {
    background-color: #e9faf2;
}
.counter-su288-single-inner.count-accomplished:after {
    display:block;
    content:url('/themes/custom/pixel/img/comprobadoa.png');
    position:absolute;
    right:10px;
    top:10px;
    height:50px;
    width:50px;
}

.counter-su288-shape-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.5;
    z-index: -1;
}
.counter-su288-shape-1 {
    display:none;
}

.counter-su288-shape-1 img {
    width: auto;
}

.counter-su288-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.counter-su288-icon span {
    position: relative;
    display: inline-block;
    font-size: 48px;
    color: #7f8f55;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.counter-su288-content h3 {
    font-size: 50px;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: -0.02em;
    margin-bottom: 7px;
}

.counter-su288-content p {
    font-size: 20px;
    line-height: 20px;
}


.counter-su288-icon-content-wrapper {
    display: flex;
    align-items: center;
}

.counter-four-description {
    margin-top: 15px;
    font-size: 1rem;
}

.counter-four-plus {
    font-size: 3rem;
    color: #000000;
    font-weight: 800;
    line-height: 4.375rem;
    letter-spacing: 0.04em;
    display: inline;
}

.count-text-wrapper {
    display: flex;
    align-items: baseline;
    gap: 3px;
    font-size: 50px;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: -0.02em;
    margin-bottom: 1.5rem;
}

.count-text {
    font-size: inherit;
    font-weight: inherit;
    font-size: 40px;
}

.count-suffix {
    font-size: 40px;
    font-weight: 600;
    color: #000000;
}

.minicol .count-text {
    font-size: 24px;
}
.minicol .count-suffix {
    font-size: 24px;
}

.counter-su288-content-label {
    color: #734210;
    font-weight: 500;
}
.count-accomplished .counter-su288-content-label  {
    color: #1C7E59;
    font-weight: 500;
}

/* Clases del tablero */
.pxc-tablero-su288 {
    
    
}
.pxc-tablero-su288 h3 {
    color:#333;
}
.pxc-tablero-su288 h4 {
    color:#1C7E59;
    font-weight: 900;
}

.pxc-tablero-su288-txt-codigo-indicador {
    color: #734210;
    font-weight: 700;
    background-color:#f5f4ec;
    display:inline-block;
    padding:.25rem 1.25rem;
    border-radius:.5rem;
}
.chart-container {    width: 100%;
    max-width: 300px;
    height: 300px;
    margin: 0 auto; /* Centrar horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center; /* Centrar verticalmente */}

.su288-indi {font-size:24px;}
.su-288-subindi {font-size:12px;}