/* .contenedor_pruebas {
    height: 100svh;
    border: 1px solid lime;
}

*/
.card-graficas {
    border: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.control-group {
    margin-bottom: 15px;
}

.contenedor-chart {
    position: relative;
    height: 60vh;
    width: 41vw;

}


/* Dimensionamiento dinámico de la chart/gráfica */
@media (max-width: 1024px) {
    .contenedor-chart {
        position: relative;
        height: 60vh;
        width: 41vw;
    }
}

@media (max-width: 768px) {
    .contenedor-chart {
        position: relative;
        height: 60vh;
        width: 80vw;
    }
}

.animated-gradient {
    /* Define your gradient with multiple colors */
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

    /* Make the background 4x larger than the element */
    background-size: 400% 400%;

    /* Apply the animation loop */
    animation: gradientMovement 15s ease infinite;

    /* Ensure the element has visible height/width */
    height: 100vh;
    width: 100%;
}

/* Define the movement path for the gradient background */
@keyframes gradientMovement {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}