/* ==========================================================================
   Modais (newsletter Brevo etc.)
   ========================================================================== */

/* Modal de Benefícios */
#modalBeneficios .modal-content {
    background-color: var(--color-white);
    border: 3px solid var(--color-black-pure);
    border-radius: 0;
}

#modalBeneficios .modal-header {
    background-color: var(--color-blue);
    color: var(--color-white);
    border-bottom: 3px solid var(--color-black-pure);
    padding: 1.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#modalBeneficios .modal-title {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0;
}

#modalBeneficios .btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

#modalBeneficios .modal-body {
    padding: 2rem;
    min-height: 200px;
}

#modalBeneficios .modal-footer {
    border-top: 2px solid var(--color-black-pure);
    padding: 1rem 1.5rem;
}

/* Modais de Ingressos */
.modal-bgs .modal-content {
    background-color: var(--color-white);
    border: var(--border-default);
    border-radius: 0;
}

.modal-bgs .modal-header {
    background-color: var(--color-blue);
    color: var(--color-white);
    border-bottom: var(--border-default);
    padding: 1.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-bgs .modal-title {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0;
}

.modal-bgs .btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.modal-bgs .modal-body {
    padding: 2rem;
    min-height: 200px;
}

.modal-bgs .modal-footer {
    border-top: 2px solid var(--color-black);
    padding: 1rem 1.5rem;
    background-color: var(--color-blue) ;
}

.modal-bgs .modal-body .bi-check-circle-fill {
    color: var(--color-orange) !important;
}

.input--hidden {
  display: none !important;
}

#modalNewsletterAviso .btn:hover {
  background-color: var(--color-black) !important;
  border-color: var(--color-black) !important;
}

#modalNewsletterAviso .form-check-input:checked {
  background-color: var(--color-orange);
  border-color: var(--color-black);
}

#modalNewsletterAviso .form-check-input:focus {
  border-color: var(--color-orange);
  box-shadow: 0 0 0 0.2rem rgba(254, 84, 0, 0.25);
}

.sib-spinner {
  display: none;
}