/*CountDown Empieza*/
.nextOpen{
    position: fixed;
    bottom: 5rem;
    left: -115%;
    display: flex;
    background: rgba(206, 206, 206, 0.5);
    backdrop-filter: blur(3px);
    padding: .5rem;
    border-radius: .5rem;
    flex-direction: column;
    opacity: 0;
    row-gap:.2rem;
    box-shadow: 0 5px 8px rgba(0,0,0, .5);
    border: 1px solid #fff;
    cursor: default;
    z-index:10;
}
.nextOpen.show{
    left: .5rem;
    opacity: 1;
}



.nextOpen .obrim{
    font-size: clamp(.6rem, 2vw, 1rem);
    font-weight: 800;
    color: #505050;
}
.nextOpen .dataContainer{
    padding: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    background: #ffffff;
    border-radius: .5rem;
    box-shadow: 0 3px 5px rgba(0,0,0, .080);
}

.nextOpen .dataContainer .hourCont,
.nextOpen .dataContainer .dateCont{
    font-weight: 700;
    font-size: clamp(.6rem, 2vw, 1rem);
    color: #5f5f5f;
}


.nextOpen .countDown{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    background: #333;
    padding: .2rem .5rem;
    border-radius: 8px;
}

.nextOpen .countDown .days,
.nextOpen .countDown .hours,
.nextOpen .countDown .seconds{
    font-size: clamp(.6rem, 2vw, 1rem);
    color: #afffba;
    font-weight: 400;
}
/*CountDown Termina*/