.content {
        
    padding: 20px;
}
.card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.product-image {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    object-fit: cover;
}
.product-image-thumbs {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.product-image-thumb {
    margin: 5px;
    cursor: pointer;
}
.product-image-thumb img {
    max-width: 75px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}
.product-image-thumb.active img {
    border: 2px solid #007bff;
}
.card-body {
    padding: 30px;
}
.bg-info {
    background-color: #007bff !important;
    border-radius: 10px;
}
.btn {
    border-radius: 25px;
}
.bg-breadcrumb {
background-image: url('https://img.freepik.com/foto-gratis/vista-posterior-audiencia-emocionada-brazos-levantados-animando-frente-al-escenario-concierto-musica-espacio-copia_637285-538.jpg?t=st=1717863507~exp=1717867107~hmac=5426a5c80c8b29005ce872a9b6c10aa4fc775e795ff85fc5714881df53b12250&w=826');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}


.bg-breadcrumb::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* Oscurece la imagen para mejorar la legibilidad del texto */
z-index: -1;
}
.badge-danger{
background-color: #dc3545;
}
.badge-success{
background-color: #28a745;
}
.seat-icon {
width: 21px;  /* Ajusta el tamaño del icono */
height: 21px; /* Ajusta el tamaño del icono */
}