:root { 
    --primary-color: #00a1d8;
    --secondary-color: #cecfc9;
    --dark-color: #0a3143; 
    --soft-color: #1a698d;
}
*{
    margin: 0;
    padding: 0;
}

.swal2-image { object-fit: cover; width: 100% !important; margin: 0 !important; border-radius: 5px 5px 0 0; }
.swal2-html-container { margin: 0 0 1em 0 !important; }
.alert {--bs-alert-margin-bottom: 0;}

.row {
  --bs-gutter-x: 0;
}
body {     
    background-image: radial-gradient(circle, #ffffff, #f4f2f3, #eae6e5, #dedad6, #cecfc9);
    color: var(--dark-color); }
.header{    
    background-image: radial-gradient(circle, #70cbea, #5dc1e5, #48b6e1, #2facdc, #00a1d8);
    color: white;
    padding: 5px 0;
}
.footer { 
    background-image: radial-gradient(circle, #70cbea, #5dc1e5, #48b6e1, #2facdc, #00a1d8);
    color: white; padding: 20px 0; 
}
.btn-primary { background-color: var(--primary-color); border: none; }
.btn-primary:hover { background-color: var(--soft-color); }
.banner-img { width: 100%; border-radius: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

#canvasTicket { display: none; }

.form-small{
    font-style: italic;
}

.form-data{

}

.form-data .form-msg{
    color: #680b9e;
    font-style: italic;
}

.form-data .form-label{
    font-weight: bold;
    text-align: left;
    font-size: 0.9rem;
    display: block;    
    margin-top: 18px;
}