.btn-anteriores{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.btn-anteriores > * {
    flex: 1 1 calc(33.33% - 10px); /* 33.33% del ancho menos el margen */
    max-width: calc(33.33% - 10px);
    margin: 5px;
}

.boton-anteriores{
    font-size: 30px;
    margin: 3px 0;
}

.anteriores{
    background-color: #242423;
}

.contenedores{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px;
}

.contenedor-ganador{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px;
    width: 450px;
}

.foto{
    max-width: 350px;
}

.ganador{
    color: #fff;
    margin: 5px;
    white-space: nowrap; /* Evita el salto de línea */
    overflow: hidden; /* Oculta el texto que exceda del contenedor */
    text-overflow: ellipsis; /* Añade puntos suspensivos si es necesario (opcional) */
    font-size: clamp(10px, 3vw, 16px); /* Ajusta dinámicamente el tamaño de la fuente */
    
}

.titulo{
    color: #fff;
    margin: 5px;
}

.ficha{
    background: rgb(36,0,0);
    background: linear-gradient(90deg, rgba(36,0,0,1) 0%, rgba(226,21,21,1) 25%, rgba(226,21,21,1) 75%, rgba(36,0,0,1) 100%);
    box-shadow: 16px 20px 49px -11px rgba(0,0,0,0.69);
    -webkit-box-shadow: 16px 20px 49px -11px rgba(0,0,0,0.69);
    -moz-box-shadow: 16px 20px 49px -11px rgba(0,0,0,0.69);
    width: 100%;
    display: flex;
    justify-content: center;
}

.sub-ficha{
    background: rgb(36,0,0);
    background: linear-gradient(90deg, rgba(36,0,0,0.502305145691089) 0%, rgba(56,3,3,1) 5%, rgba(164,21,21,1) 25%, rgba(164,21,21,1) 75%, rgba(72,6,6,1) 95%, rgba(36,0,0,0.502305145691089) 100%);
    box-shadow: 16px 20px 49px -11px rgba(0,0,0,0.69);
    -webkit-box-shadow: 16px 20px 49px -11px rgba(0,0,0,0.69);
    -moz-box-shadow: 16px 20px 49px -11px rgba(0,0,0,0.69);
    width: 80%;
    display: flex;
    justify-content: center;
}

.foto-ganadores{
    display: flex;
}