/* Downtack.com Lotteries Stylesheet */
.dt-widget-loterias {
    margin-bottom: 20px;
    font-family: inherit;
}
.dt-lista-juegos {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dt-item-juego {
    padding: 10px;
    margin-bottom: 8px;
    background: #fdfdfd;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}
.dt-numeros {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 5px 0;
}
.dt-numero-bola {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    background-color: #eee;
    border-radius: 15px;
    font-size: 14px;
    box-sizing: border-box;
}
.dt-numero-bola.dt-especial {
    background-color: #ffca28;
    color: #fff;
    font-weight: bold;
}
/* Jugadas of a juego side by side; they wrap when the width is not enough. */
.dt-jugadas {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    align-items: flex-start;
}
.dt-jugadas .dt-jugada {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.dt-nombre-jugada,
.dt-fecha-jugada {
    display: block;
}
.dt-fecha-jugada {
    color: #666;
    font-size: 0.9em;
}
/* Vertical table: posición | número. Only as wide as its content. */
.dt-tabla-numeros {
    display: table;
    width: auto;
    margin: 5px 0;
    border-collapse: collapse;
}
.dt-tabla-numeros th,
.dt-tabla-numeros td {
    padding: 3px 8px;
    border: 0;
    border-bottom: 1px solid #eee;
    font-size: 0.875em;
}
.dt-tabla-numeros .dt-posicion {
    width: 1%;
    color: #666;
    font-weight: normal;
    text-align: right;
}
.dt-tabla-numeros .dt-numero {
    font-weight: bold;
    text-align: left;
}
.dt-tabla-numeros .dt-especial {
    background-color: #ffca28;
    color: #fff;
}
.dt-letras {
    color: #666;
    font-size: 0.9em;
    white-space: nowrap;
}
/* The letras use the same size as the numbers (see .dt-tabla-numeros). */
.dt-jugadas .dt-letras {
    display: block;
    margin-top: 5px;
    font-size: 0.875em;
}
.dt-html-personalizado {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
}
.dt-titulo-juego {
    font-size: 1.1em;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
}
.dt-jugada {
    margin-bottom: 10px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid #eee;
}
/* Sizes are relative (em) so the widget-wide font size scales everything. */
.dt-encabezado {
    display: block;
    text-align: center;
}
.dt-fecha {
    color: #666;
    font-size: 0.9em;
    text-align: center;
}
.dt-titulo-jugada {
    margin: 0 0 10px;
    font-size: 1.1em;
    font-weight: 700;
    text-align: center;
}
.dt-juegos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.dt-juego {
    flex: 1 1 140px;
    padding: 10px;
    background: #fdfdfd;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}
.dt-nombre-juego {
    display: block;
    margin-bottom: 5px;
}
/* The letras use the same size as the numbers (see .dt-tabla). */
.dt-juego .dt-letras {
    display: block;
    margin-top: 5px;
    font-size: 0.875em;
}
.dt-tabla {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875em;
}
.dt-tabla th,
.dt-tabla td {
    padding: 3px 8px;
    border: 0;
    border-bottom: 1px solid #eee;
}
.dt-tabla .dt-posicion {
    width: 1%;
    color: #666;
    font-weight: normal;
    text-align: right;
}
.dt-tabla .dt-numero {
    font-weight: bold;
    text-align: left;
}
.dt-games-select {
    height: 150px;
}