/* Área branca inicial (onde a barragem começa) */
.area-inicial-barragem {
    position: absolute;
    transform: rotate(90deg);
    top: 23.55%;
    right: 7.85%;
    width: 11.6%;
    height: 11.6%;
    background-color: rgba(255, 255, 255, 0.6);
    border: 2px dashed #aaa;
    border-radius: 6px;
    z-index: 1;
    pointer-events: none;
}

/* Bloco que simula a barragem */
.bloco-barragem {
    position: absolute;
    top: 25.4%;
    right: 8.9%;
    transform: rotate(90deg);
    width: 9.4%;
    height: 8%;
    background-color: #555;
    border: 2px solid #333;
    border-radius: 6px;
    cursor: grab;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: white;
}