@import url('reset.css');
* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}
.sorteo-container {
    width: 100%;
}
.sorteo-container img{
    width: 100% !important;
    max-width: 100%;
    min-height: 70vh;
    max-height: 70vh;
    
    
}
.contenedor-banner{
    width: 90%;
    position: relative;
    height: max-content;
    display: flex;
    flex-direction: row;
    margin: auto;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2em;
    box-sizing: border-box;
}
.botones {
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    font-weight: bold;
    position: absolute;
    color: lightseagreen;
    box-shadow: 0 0 10px #33b5f7;
    -webkit-transition: all .3s ease;
    -o-transform: all .3s ease;
    transform: all .3s ease;
}
.botones:hover {
    cursor: pointer;
    transform: scale(1.2,1.2);
}
.atras{
    left: 3%;
    top: calc(60% - 70px);
}
.adelante {
    right: 3%;
    top: calc(60% - 70px);
}
.sorteo-info{
    /* background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px); */
    background-color: #051226;
    width: 20%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.sorteo-info h2, .sorteo-info p , .sorteo-info h3{
    color: white;

}
.sorteo-info h2 {
    /* font-size: 2.5vh; */
    font-size: 1.1rem;
}
.sortoe-premio {
    /* text-shadow: 2px 2px 2px lightseagreen; */
    font-size: 3vh;
    font-size: 1.3rem;
}
.sorteo-fecha{
    /* font-size: 2.5vh; */
    font-size: 1.1rem;
}
.mes {
    color: lightseagreen;
    /* font-size: 2.5vh; */
    font-size: 1.1rem;
}

.lottery-timer-section {
    width: 100%;
    position: absolute;
    bottom: 0;
    
    flex-direction: column;
    background-color: transparent;
    border-top: none;
    padding: 0;
}
.texto-carrusel, .flip-clock-label{
    color: white !important;
    /* background-color: rgba(255, 255, 255, .3);
    backdrop-filter: blur(15px); */
}
.btn-comprar {
    width: 250px;
    background-color: #469206;
    border: none;
}
.text-btn {
    width: 250px;
    text-align: center;
}
.contador-sorteo{
    min-width: 600px;
}


@media (max-width: 850px){
    .contenedor-carrusel{
        min-height: 85vh;
    }
    .lottery-timer-section {
        position: static;
    }
    .texto-carrusel , .flip-clock-label{
        color: black !important;
    }
    .atras {
        top: calc(25% - 50px);
    }
    .adelante {
        top: calc(25% - 50px);
    }
    
}