img {
    transition: transform 0.3s ease;
    cursor: pointer;
}

img:hover {
    transform: scale(2);
    z-index: 10; /* Asegura que la imagen ampliada aparezca encima de otros elementos */
}

.progress-container {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 25px;
    overflow: hidden;
    height: 10px;
}

.progress-bar {
    width: 0%;
    height: 100%;
    background-color: rgb(68, 135, 67);
    text-align: center;
    line-height: 25px;
    color: white;
    transition: width 0.4s ease;
}


@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #000; }
}