#carrusel-eventos .item img {
    border-radius: 12px;
    max-height: 450px;
    object-fit: cover;
}


.btn-compra {
    width: 220px;
    height: 60px;
    background-color: #f5f5f5;
    border-radius: 8px;
    display: flex;
    align-items: center;      /* CENTRA VERTICAL */
    justify-content: center;  /* CENTRA HORIZONTAL */
    text-decoration: none;    /* quita subrayado */
    transition: 0.3s;
}

.btn-compra:hover {
    background-color: #B48973;
}

.logo-btn {
    max-width: 100px;
    max-height: 60px;
    object-fit: contain;
    position: relative;
    z-index: 2;
}

/* Cambiar imagen en hover */
.ticketmaster-btn:hover img {
    content: url('../img/ticketmaster_hover.png');
}

.lamaraka-btn:hover img {
    content: url('../img/lamaraka_hover.png');
}


#img-slider {
    transition: opacity 0.8s ease-in-out;
}


/* Styles for screens 600px wide or less */
@media screen and (max-width: 768px) {
  .btn-compra {
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
    border-radius: 8px;
    display: flex;
    align-items: center;      /* CENTRA VERTICAL */
    justify-content: center;  /* CENTRA HORIZONTAL */
    text-decoration: none;    /* quita subrayado */
    transition: 0.3s;
}
}