/* index.css */

/* Estilos para el tooltip */
.tooltip-custom {
    position: absolute;
    text-align: center;
    padding: 6px;
    font: 12px sans-serif;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: 0px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
}

/* Estilos para el gráfico */
#chart {
    width: 100%;
    height: 600px;
}

/* Ajustes para Responsividad */
@media (max-width: 768px) {
    #chart {
        height: 400px;
    }
}

@media (max-width: 576px) {
    #chart {
        height: 300px;
    }
}