html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;  faz o scroll ser suave 
}

body {
    margin-bottom: 60px;
    margin-left: 0px;
    background-color: black;
    color: #0d6efd;
    font-family: 'Inter', sans-serif;
    margin: 0 !important;
    padding: 0 !important;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}
#meuCarousel .carousel-item img {
    max-height: 550px;  controla a altura 
    object-fit: cover;  corta sem distorcer 
}

.caption-shade {
    background: rgba(40, 120, 40, 0.85);  Sombra atrás do texto 
    padding: 20px;  Espaçamento interno 
    border-radius: 8px;  Bordas arredondadas (opcional) 
    color: white;
}

.shadow-text {
    text-shadow: 2px 2px 6px rgba(0,0,0,0.9);  Dá contraste ao texto 
}
.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1055;
}
.tab-pane1 {
    border: 1px solid #dee2e6;
    border-top: none;
    padding: 1rem;
    background-color:cornsilk;
}
.tab-content {
    border: 1px solid #dee2e6;
    border-top: none;
    padding: 1rem;
    background-color:cornsilk;
}
.divborder {
    border: 2px solid black;  width, style, and color 
    padding: 20px;
}
.divbordergreen {
    border: 2px solid #0d6efd;  width, style, and color 
    padding: 20px;
}
.divborderstrong {
    border: 4px solid black;  width, style, and color 
    padding: 20px;
    color: blue;
}
.divresult {
    color: red;
}


 Caixa de busca 
.dataTables_filter input {
    font-size: 10px;
}

 Dropdown de "Mostrar X registros" 
.dataTables_length label,
.dataTables_length select {
    font-size: 10px;
}

 Texto informativo (Exibindo de X a Y de Z registros) 
.dataTables_info {
    font-size: 8px;
}

 Paginação 
.dataTables_paginate {
    font-size: 10px;
}

    .dataTables_paginate a {
        font-size: 10px;
    }

 Resultado de processamento (ex: "Carregando...") 
.dataTables_processing {
    font-size: 14px;
}
.barra-azul {
    border: none;
    height: 40px;
    background-color: blue;
    margin: 20px 0;
}
.barra-azul-3 {
    border: 0;  remove a linha padrão 
    display: block;  garante que respeite height 
    height: 40px;  define a grossura 
    background-color: white;  cor azul 
    margin:120px 0;  espaçamento acima/abaixo 
    border-radius: 5px;  bordas arredondadas (opcional) 
}
 Rounded border 
hr.rounded {
    border-top: 18px solid #bbb;
    border-radius: 5px;
}

.gradient-text {
    background: linear-gradient( 
        to right,     
    #ff6a00 0%,
    #258cfb 33%,
    #ffd800 66%
    );

    background-clip: text;
    -webkit-background-clip: text;  Chrome, Safari, Opera 
    color: transparent;  For Firefox 
    -webkit-text-fill-color: transparent;  Chrome, Safari, Opera 
    display: inline-block;
}
.gradient1-text {
    background: linear-gradient( to right, #FE8F02 0%, #FD7600 16%, #F45F0F 32%, #EE3C4A 48%, #E72269 64%, #D51865 80%);
    background-clip: text;
    -webkit-background-clip: text;  Chrome, Safari, Opera 
    color: transparent;  For Firefox 
    -webkit-text-fill-color: transparent;  Chrome, Safari, Opera 
    display: inline-block;
}
.gradient2-text {
    background: linear-gradient( to right, #ffd800 0%, #FE8F02 33%, blue 66% );
    background-clip: text;
    -webkit-background-clip: text;  Chrome, Safari, Opera 
    color: transparent;  For Firefox 
    -webkit-text-fill-color: transparent;  Chrome, Safari, Opera 
    display: inline-block;
}
.gradient3-text {
    background: linear-gradient( to right, #ffd800 0%, #FE8F02 40%, blue 70%);
    background-clip: text;
    -webkit-background-clip: text;  Chrome, Safari, Opera 
    color: transparent;  For Firefox 
    -webkit-text-fill-color: transparent;  Chrome, Safari, Opera 
    display: inline-block;
}


.gradient4-text {
    background: linear-gradient( to right, #FE8F02 0%, #FE8F02 20%, blue 50%);
    background-clip: text;
    -webkit-background-clip: text;  Chrome, Safari, Opera 
    color: transparent;  For Firefox 
    -webkit-text-fill-color: transparent;  Chrome, Safari, Opera 
    display: inline-block;
}
.box-gradient {
     customize 
    --bg: #000;  inner fill (use your page color) 
    --radius: 14px;
    --border: 2px;
     gradient colors from your logo 
    --g1: 255,216,0;  orange 
    --g2: 254,143,2;  pink 
    --g3: 0,0,255;  cyan 

    border: var(--border) solid transparent;
    border-radius: var(--radius);
    padding: 1rem 1.25rem;
    color: #fff;
     two backgrounds: one for the fill, one for the border 
    background: linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(90deg, rgb(var(--g1)), rgb(var(--g2)), rgb(var(--g3))) border-box;
}

#listaFaturas td
{
    background-color: black;
    color: white; 
}
#listaFaturas tbody th {
    background-color: #ffd800;
    color: blue;
}


.scroll-btn {
    animation: bounce 1.8s infinite;
}

.shadow-text {
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.6);
}

.flashing-link {
    color: #0d6efd;
    text-decoration: none;
    animation: flash 2s infinite;  animação infinita 
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.btn-flash {
    animation: flash 1s infinite;  1s per cycle, infinite looping 
}
#btnUpload:disabled {
    background-color: #6c757d !important;  Bootstrap's grey tone 
    border-color: #6c757d !important;
    opacity: 1;  remove default opacity dimming 
}

 Estado FECHADO 
.accordion-button {
    font-weight: normal;
    color: red;  cor normal 
}
 Estado ABERTO 
.accordion-button:not(.collapsed) {
    color: #0d6efd !important;  sua cor 
    font-weight: 700 !important;  negrito 
    background-color: #fff;  evita cinza padrão 
    box-shadow: none;  remove borda azul Bootstrap 
}
 Opcional: mudar a seta do accordion 
.accordion-button::after {
    filter: invert(38%) sepia(88%) saturate(1570%) hue-rotate(4deg) brightness(100%) contrast(99%);
}
.accordion-item {
    border-left: 4px solid #0d6efd;
}