body {
    min-height: 100vh;
    background: url('/fondos/gala_landing.png') center center/cover no-repeat fixed;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

/* When the ticket template adds .ticket-background to body, use a column flex layout
   so the footer is pushed to the bottom when content is short and follows content when long. */
body.ticket-background {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Make the layout main region expand to push footer to the bottom */
body.ticket-background main {
    flex: 1 0 auto;
    display: block;
}
.ticket-bg {
    background: rgba(0,0,0,0.65);
    border-radius: 18px;
    max-width: 600px;
    margin: 60px auto;
    padding: 48px 32px;
    box-shadow: 0 8px 32px #000a;
}
.ticket-bg h2 {
    color: #FFD700;
    font-family: 'Playfair Display', serif;
    font-size: 2.2em;
    margin-bottom: 18px;
    text-align: center;
}
.ticket-bg p {
    color: #fffbe6;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 18px;
}
.ticket-bg a {
    display: inline-block;
    background: #FFD700;
    color: #8B0000;
    font-weight: bold;
    padding: 14px 32px;
    border-radius: 8px;
    text-decoration: none;
    margin-top: 18px;
    font-size: 1.1em;
    transition: background 0.3s, color 0.3s;
}
.ticket-bg a:hover {
    background: #8B0000;
    color: #FFD700;
}


/* para quitar el footer */

/* Hide global footer on ticket page */
body.ticket-background footer {
    display: none !important;
}