.bingo-card {
    display: inline-block;
 
    color: white;
    width: 32%;
    margin-right: 1.2%;
    margin-bottom: 8px;
    padding: 10px;
    box-shadow: 0 0 5px #aaa;
    border-radius: 5px;
    border: solid;
    border-color: #FFC107;
    border-width: 5px 5px 5px 5px;
    width: 300px;
    height: 313px;
    background: radial-gradient(circle at center, rgba(255, 235, 59, 0.3) 0%, transparent 70%), /* los rayos propiamente dichos */ repeating-conic-gradient(#db0000 0deg 10deg, #b90000 10deg 20deg);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.bingo-middle {
    margin-left: 2%;
    margin-right: 2%;
}

.bingo-card thead th {
    text-align: center;
}

.bingo-card.selected {
    background-color: #000;
    border-color: #000;
    border-color: #000;
    background: radial-gradient(circle at center, rgb(0 0 0) 0%, #000000 70%);
}

.bingo-card.selected * {
    visibility: hidden;
}

.bingo-card h3,
.bingo-card p,
.bingo-card table td {
    margin: 0;
    text-align: center;
}

.bingo-card table {
    margin-top: 10px;
    border-collapse: collapse;
}

.bingo-card table td {
    border: 4px solid #03A9F4;
    padding: 5px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    background: #fff;
}

.bingo-card .free {
    font-size: 10px;
}

.bingo-card .title {
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
}

.bingo-card table {
    width: 100%;
    border-collapse: collapse;
    
    color: black;
}

.bingo-card th {
    background: #03A9F4;
    color: white;
    padding: 5px;
    font-size: 16px;
}

.bingo-card td {
    border: 1px solid #000;
    height: 30px;
    text-align: center;
    font-size: 14px;
}

.info {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    margin-top: 5px;
}
/*CONTADOR DE CUENTA REGRESIVA*/
.clock:before,
.count:after {
    content: '';
    position: absolute;
}

.clock-wrap {
    margin: auto;
    width: 80px;
    height: 80px;
    margin-top: 40px;
    position: relative;
    border-radius: 16px;
    background-color: #ffffff00;
    left: 74%;
    top: -76%;
    position: fixed;
}

.clock {
    top: 50%;
    left: 50%;
    width: 60px; /* Reducido proporcionalmente de 76px */
    height: 60px; /* Reducido proporcionalmente de 76px */
    border-radius: 50%;
    position: absolute;
    margin-top: -30px; /* Ajustado para centrar */
    margin-left: -30px; /* Ajustado para centrar */
    background-color: #feeff4;
}

.clock:before {
    top: 50%;
    left: 50%;
    width: 38px; /* Reducido proporcionalmente de 48px */
    height: 38px; /* Reducido proporcionalmente de 48px */
    margin-top: -19px; /* Ajustado para centrar */
    margin-left: -19px; /* Ajustado para centrar */
    border-radius: inherit;
    background-color: #ec366b;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15), 0 0 1px rgba(255, 255, 255, 0.75) inset;
}