/* :root {
     --bs-success: #289E4E !important;
     --bs-success-active: #218838 !important;
 } */

 .form-check-input:checked {
     background-color: var(--bs-success) !important;
     /* Example: green */
     border-color: var(--bs-success) !important;
     /* Example: green */
 }

 .dropzone {
     position: relative;
     /* border: 2px dashed var(--accent); */
     background: rgba(80, 205, 137, .08);
     border-radius: 12px;
     padding: 18px;
     display: flex;
     align-items: center;
     gap: 14px;
     transition: .2s ease;
     cursor: pointer;
 }

 .dropzone-lg {
     max-height: 8.5rem;
     min-height: 8.5rem;
 }

 .dropzone:hover {
     background: rgba(80, 205, 137, .12);
     border-color: var(--accent-600);
 }

 .dropzone:focus-within {
     box-shadow: 0 0 0 3px rgba(80, 205, 137, .25);
 }

 .dz-icon {
     width: 42px;
     height: 42px;
     flex: 0 0 42px;
     display: grid;
     place-items: center;
     border-radius: 10px;
 }

 .dz-text {
     line-height: 1.25;
 }

 .dz-title {
     font-weight: 600;
     color: var(--ink);
 }

 .dz-help {
     font-size: .85rem;
     color: var(--muted);
 }

 .file-input {
     position: absolute;
     inset: 0;
     opacity: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
 }

 .dropzone.border-warning:hover {
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
     transform: translateY(-1px);
     border-color: #ffd37a;
 }

 .dropzone.border-dashed.border-success {
     padding: 2rem 2.25rem;
     background-color: #e8fff3 !important;
     border: 1px solid #cfe9dc !important;
     transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
 }

 .dropzone.border-dashed.border-success>.firstIcon {
     background-color: #cfe9dc !important;
     border-radius: 999px
 }

 .dropzone.border-dashed.border-warning {
     padding: 2rem 2.25rem;
     background-color: #fffdf6 !important;
     border: 1px solid #ffe9b3 !important;
     transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
 }

 .dropzone.border-dashed.border-warning>.firstIcon {
     background-color: #fff3cd !important;
     border-radius: 999px
 }

 .dropzone.border-dashed.border-danger {
     padding: 2rem 2.25rem;
     background-color: #f8d7da !important;
     border: 1px solid #f5c2c7 !important;
     transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
 }

 .dropzone.border-dashed.border-danger>.firstIcon {
     background-color: #f5c2c7 !important;
     border-radius: 999px
 }

 /* No seu arquivo CSS */
 @media (min-width: 768px) {
     .border-lg-end {
         border-right: 1px solid #dee2e6 !important;
     }
 }

 /* Garante que o modal ocupe o espaço correto no mobile */
 @media (max-width: 576px) {
     .modal-fullscreen-sm-down {
         display: flex !important;
         align-items: center;
         justify-content: center;
     }

     .modal-fullscreen-sm-down .modal-content {
         height: 100vh !important;
         display: flex;
         flex-direction: column;
     }

     /* Evita que o vídeo "estoure" a tela e esconda os botões */
     #videoFeed {
         object-fit: cover;
         background-color: #000;
         max-height: 40vh;
         /* Ocupa no máximo 40% da altura da tela */
     }

     /* Ajusta a galeria para caber no resto da tela */
     #carouselFotos {
         flex-grow: 1;
         margin-bottom: 60px;
         /* Espaço para os botões do footer */
     }
 }

 /* Z-index para o Lightbox não bugar com o modal de fotos aberto */
 #modalLightbox {
     background-color: rgba(0, 0, 0, 0.9);
 }

 #carouselInnerFotos .carousel-item img {
     height: 250px;
     /* Altura fixa para todas as fotos */
     object-fit: contain;
     /* Garante que a foto não seja cortada, mantendo a proporção */
     background-color: #000;
     /* Fundo preto para preencher espaços vazios se a foto for vertical */
 }

 /* Ajusta o container para não ocupar a tela toda se não for necessário */
 #carouselFotos {
     max-width: 400px;
     margin: 0 auto;
 }

 /* Mobile apenas */
 .mobile-only {
     display: none !important;
 }

 /* Exibe somente em dispositivos mobile/touch */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .mobile-only {
         display: block !important;
     }
 }

 .desktop-only {
     display: block !important;
 }

 /* Oculta em dispositivos mobile/touch */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .desktop-only {
         display: none !important;
     }
 }

 /* Margin Top somente mobile/tablet */

 /* mt-mobile-0 */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .mt-mobile-0 {
         margin-top: 0 !important;
     }
 }

 /* mt-mobile-1 */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .mt-mobile-1 {
         margin-top: 0.25rem !important;
     }
 }

 /* mt-mobile-2 */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .mt-mobile-2 {
         margin-top: 0.5rem !important;
     }
 }

 /* mt-mobile-3 */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .mt-mobile-3 {
         margin-top: 1rem !important;
     }
 }

 /* mt-mobile-4 */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .mt-mobile-4 {
         margin-top: 1.5rem !important;
     }
 }

 /* mt-mobile-5 */
 @media (max-width: 991.98px),
 (pointer: coarse) {
     .mt-mobile-5 {
         margin-top: 3rem !important;
     }
 }