.centro-rueda {
    position: absolute;

    transform: translate(-50%, -50%);
    margin-left: 50%;
    margin-top: 50%;
    width: 70%
}

.circle-areas {
    position: relative;
    height: 500px
}

.rueda-01 {
    top: 0px;
    right: 0px;
}


.rueda-02 {
    bottom: 0px;
    right: 0px;
}

.rueda-03 {
    bottom: 0px;
    left: 0px;
}

.rueda-04 {
    top: 0px;
    left: 0px;
}

.rueda-cuarto {
    filter: brightness(0.6);
    cursor: pointer;
    position: absolute;
    width: 250px;
    height: 250px;

}

.rueda-cuarto:hover {
    filter: brightness(1);
}

.circle-areas {
    animation: blink 2s infinite ease-in-out;
    animation-play-state: running;
}

.circle-areas:hover {
    animation-play-state: paused;

}

.rueda-cuarto img {

    width: 100%
}

.hover-content2 {
    display: none
}

@keyframes blink {
    0% {
        filter: brightness(0.7);
    }

    50% {
        filter: brightness(1);
    }

    100% {
        filter: brightness(0.7);
    }
}




/* Añadimos una clase para cuando el usuario interactúa */
.no-blink {
    animation: none;
    /* Desactiva la animación */
}

.rueda-cuarto.active {
    filter: brightness(1);
}

@media(min-width:768px) {
    .circle-container2.visualizacion-mobile {
        display: none;
    }
}

@media(max-width:767px) {
    .circle-container2.visualizacion-pc {
        display: none;
    }
}

@media(min-width:1200px) {
    .circle-container2.visualizacion-mb {
        display: none !important;
    }

    .circle-container2.visualizacion-pc {
        display: block !important;
    }
}

@media(max-width:1200px) {
    .circle-container2.visualizacion-pc {
        display: none !important;
    }

    .circle-container2.visualizacion-mb {
        display: block !important;
    }

}
@media(min-width:1200px) {

    .circle-container2.visualizacion-mb {
        display: none !important;
    }

}