.elementor-1750 .elementor-element.elementor-element-da29b3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#jet-popup-1750 .jet-popup__container{width:800px;}#jet-popup-1750 .jet-popup__inner{justify-content:center;align-items:center;}#jet-popup-1750 .jet-popup__container-inner{justify-content:flex-start;}/* Start custom CSS for shortcode, class: .elementor-element-225a30e *//* Estilos para el listado de boletos */
.boletos-grid {
    display: grid;
    grid-template-columns: repeat(25, minmax(0, 1fr));
    gap: 5px;
}

.boleto-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 2px;
    border: 1px solid #93ab96;
    background-color: white;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

@media (max-width: 768px) {
    .boletos-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.boleto-item.apartado {
    background-color: black;
    color: white;
    cursor: not-allowed;
}

.boleto-item.seleccionado {
    background-color: #93ab96;
    color: white;
    border-color: #333;
}

/* Estilos para el contenedor de seleccionados */
#seleccionados-container {
    background-color: #383d41;
    padding: 0px;
    text-align: center;
    color: white;
    display: none;
}

.boletos-seleccionados-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
    color: white;
}

.boleto-seleccionado-item {
    border: 2px solid red;
    padding: 10px 15px;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

#conteo-seleccionados {
    font-size: 1.5em;
    font-weight: bold;
    color: white;
}

.boton-apartar {
    background-color: red;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    border: none;
    padding: 15px 30px;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
}

p {
    margin-top: 20px;
    font-size: 1.2em;
    color: #ccc;
}

/* Estilos para el buscador y el botón elegir */
.buscador-container {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 5px;
    text-align: center;
}

.buscador-container input[type="text"] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.boleto-disponibilidad-msg {
    color: black; /* Texto de disponibilidad en negro */
    font-size: 1.1em;
    font-weight: bold;
}

.elegir-boleto-btn {
    background-color: red;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}/* End custom CSS */