@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

:root {
    {% comment %} --primary-color: #3498db; {% endcomment %}
    --verde: #13938a;
    --verde2:#26b2a0;
    /* --primary-color: #13938a;*/
    --primary-color: #008a87;
    --primary-color: #26b2a0;
    --primary-color: #76c04d;

    --verde-logo: #76c04d;
    --preto-logo: #363435;
    --branco: #F8F8F8;

    --blue: #007bff;
    --orange: #fd7e14;
    --purple: #6f42c1;
    --yellow: #ffc107;
    --pink: #e83e8c;
    --brown: #795548;
    --gray: #6c757d;
    --black: #000000;
    --green: var(--verde);
    --red: #f00;
    
    --border-table-default: #ced4da; #*#e0e0e0;*/
}

::after,
::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


.badge-blue { background-color: var(--blue); }
.badge-orange { background-color: var(--orange); }
.badge-purple { background-color: var(--purple); }
.badge-yellow { background-color: var(--yellow); }
.badge-pink { background-color: var(--pink); }
.badge-brown { background-color: var(--brown); }
.badge-gray { background-color: var(--gray); }
.badge-black { background-color: var(--black); }
.badge-green { background-color: var(--green); }
.badge-red { background-color: var(--red); }

/* Badge Base Style - Aplicado a todos */
.badge {
    font-size: 0.85rem;       /* Tamanho aumentado */
    font-weight: 400;         /* Peso mais fino */
    letter-spacing: 0.5px;    /* Espaçamento entre letras */
    padding: 4px 10px;        /* Padding ajustado */
    margin-right: 8px;        /* Espaço à direita */
    border-radius: 2px;      /* Bordas mais arredondadas */
    color: white;             /* Cor padrão do texto */
    display: inline-flex;     /* Melhor alinhamento */
    align-items: center;      /* Centralização vertical */
}

/* Efeito piscante para alertas */
.badge-alert-blink {
    animation: blink-alert 1.5s infinite;
    font-weight: bold;
}

@keyframes blink-alert {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.badge-danger-alert {
    background-color: #ff0000;
    color: white;
    font-weight: bold;
    border: 2px solid #8b0000;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.badge-warning-hot {
    background: linear-gradient(135deg, #ff3019 0%,#cf0404 100%);
    color: white;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

h1, h2, h3, h4, h5 {
    color:var(--preto-logo);
    font-weight:600;
    letter-spacing:-1px;
}

.btn-basic {
    border:1px solid var(--primary-color);
    color:white;
    background:var(--primary-color);
}
.btn-basic:hover {
    border:1px solid var(--primary-color);
    color:var(--primary-color);
    background:white;
}
.anima-botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    position: relative;
    overflow: hidden; /* Para garantir que o texto não ultrapasse os limites do botão */
}

.anima-botao .button-text {
    margin-left: 8px;
    opacity: 0; /* Texto invisível inicialmente */
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateX(-10px); /* Texto deslocado para a esquerda */
}

.anima-botao:hover .button-text {
    opacity: 1; /* Texto visível ao passar o mouse */
    transform: translateX(0); /* Texto retorna à posição original */
}

.sidebar-item, .sidebar-link i, .sidebar-text {
    color:#333;
}
aside#sidebar {
    background:#fff;
    border-right:2px solid var(--verde-logo);
}
.text-logo {
    color:#222;
    font-weight:800;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

body {
    font-family: 'Poppins', sans-serif;
}

.wrapper {
    display: flex;
}

.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
    background-color: var(--branco-logo);
    min-width: 0;
}


label.form-label {
    margin:0.55rem 0 0 0;
}

.botao-icone {
    border:none;
    padding:0;
    background:transparent;
}

.border-table-default{
    border:1px solid var(--border-table-default);
}

.icone-programa {
    height: 1.4em;
    max-height: 1.4em;
}