.ce_estadisticas-contenedor {
    background: #ffffff; /* Fondo completamente blanco para un look limpio */
    padding: 20px;
    border-radius: 12px;
    width: 100%; /* Aseguramos que ocupe el 100% del ancho disponible */
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sombra ligera */
    text-align: center;
}

.ce_estadisticas-contenedor h2 {
    color: #222; /* Un tono de gris oscuro para contraste */
    margin-bottom: 16px; 
    font-size: 1.8em; 
    font-weight: 500;
}

canvas {
    width: 100% !important;
    height: auto !important;
}

.ce_estadisticas-contenedor canvas {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 40px; /* Espacio entre el gráfico y la explicación */
}

.ce_explicacion {
    background: #f0f4f8; /* Fondo ligeramente claro para contraste */
    border-radius: 12px;
    padding: 20px;
    margin-top: 24px;
    text-align: left;
    width: 100%; /* Ocupar el 100% del ancho */
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    color: #333; /* Color gris oscuro para el texto */
}

.ce_explicacion h3 {
    font-size: 1.5em; /* Tamaño de fuente más grande para el encabezado */
    color: #005a8d; /* Azul oscuro para destacar el título */
    margin-bottom: 12px;
}

.ce_explicacion p {
    font-size: 1.1em; /* Tamaño moderado para una mejor legibilidad */
    line-height: 1.8; /* Espaciado entre líneas para un aspecto limpio */
    color: #555; /* Un gris intermedio para suavizar el contraste */
    margin-bottom: 20px;
}

.ce_explicacion ul {
    list-style: none; /* Eliminamos el estilo de lista predeterminado */
    padding-left: 0;
}

.ce_explicacion ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px; /* Añadimos espacio para el ícono de la lista personalizada */
}

.ce_explicacion ul li:before {
    content: '•'; /* Puntos minimalistas */
    color: #005a8d; /* Color azul oscuro para darle un toque elegante */
    font-weight: bold;
    position: absolute;
    left: 0;
}

.ce_explicacion ul li strong {
    color: #005a8d; /* Color destacado para los puntos clave */
}

.ce_explicacion ul li strong[style="color:#4caf50;"] {
    color: #4caf50 !important; /* Verde fuerte para correlaciones significativas */
}

.ce_explicacion ul li strong[style="color:#81c784;"] {
    color: #81c784 !important; /* Verde claro para correlaciones moderadas */
}

.ce_explicacion ul li strong[style="color:#9e9e9e;"] {
    color: #9e9e9e !important; /* Gris para correlaciones débiles */
}

.ce_explicacion ul li strong[style="color:#e57373;"] {
    color: #e57373 !important; /* Rojo claro para correlaciones negativas moderadas */
}

.ce_explicacion ul li strong[style="color:#f44336;"] {
    color: #f44336 !important; /* Rojo fuerte para correlaciones negativas significativas */
}