/* MODO CLARO (LIGHT) */
:root {
    --blue-1: 240 255 254; /* Quase Branco */
    --blue-2: 220 250 249; /* Fundo mais claro */
    --blue-3: 190 245 243; /* Fundo sutil */
    --blue-4: 153 238 235; /* Borda sutil (primary-light) */
    --blue-5: 120 220 215; /* Fundo hover */
    --blue-6: 90 200 195;  /* Elemento interativo sutil */
    --blue-7: 60 190 185;  /* Borda interativa */
    --blue-8: 0 186 180;   /* (Sua cor #00bab4) - Botão sutil (primary) */
    --blue-9: 0 160 155;   /* Botão principal */
    --blue-10: 0 130 126;  /* Botão principal (Hover) (primary-dark) */
    --blue-11: 0 100 97;   /* Botão principal (Active) */
    --blue-12: 0 70 68;    /* Texto/Cor mais escura */
    --text-blue: 0 50 48;
}

/* MODO ESCURO (DARK) */
.dark {
    --blue-1: 0 10 9;     /* Fundo mais escuro */
    --blue-2: 0 15 14;    /* Fundo */
    --blue-3: 0 25 24;    /* Borda sutil */
    --blue-4: 0 35 34;    /* Fundo hover */
    --blue-5: 0 45 43;    /* Elemento interativo sutil */
    --blue-6: 0 55 53;    /* Borda interativa */
    --blue-7: 0 70 68;    /* Botão sutil */
    --blue-8: 0 100 97;   /* Botão sutil (Hover) */
    --blue-9: 0 130 126;  /* Botão principal (primary-dark) */
    --blue-10: 0 160 155; /* Botão principal (Hover) */
    --blue-11: 0 186 180; /* Texto claro (primary) */
    --blue-12: 153 238 235; /* Texto mais claro (primary-light) */
    --text-blue: 0 186 180;
}

img.hidden.w-auto.h-8.mx-auto {
    width: 320px !important;
    height: 100px !important;
}

h2.mt-6.text-3xl.font-medium.text-center.text-n-slate-12 {
    display: none !important;
}

.bg-n-brand {
    background-color: rgb(0, 186, 180);
}

.banner.primary[data-v-227ca4d0] {
    --tw-bg-opacity: 1;
    background-color: rgb(0, 186, 180);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
    .banner.primary[data-v-227ca4d0] {
        background-color:rgb(0 186 180 / var(--tw-bg-opacity));
    }
}

.border-n-blue-9\/30 {
    border-color: rgb(0 160 155 / .3);
}

.border-n-blue-border {
    border-color: rgb(0 186 180 / .5);
    border-color: rgba(var(--border-blue));
}

.border-n-brand {
    --tw-border-opacity: 1;
    border-color: rgb(0, 186, 180);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
    .border-n-brand {
        border-color:rgb(0 186 180 / var(--tw-border-opacity));
    }
}

.border-t-n-brand {
    --tw-border-opacity: 1;
    border-top-color: rgb(0, 186, 180);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
    .border-t-n-brand {
        border-top-color:rgb(0 186 180 / var(--tw-border-opacity));
    }
}

.bg-\[rgb\(0\ 186\ 180\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0, 186, 180);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
    .bg-\[rgb\(0\ 186\ 180\)\] {
        background-color:rgb(0 186 180 / var(--tw-bg-opacity));
    }
}

.bg-n-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(0, 186, 180);
}

@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
    .bg-n-brand {
        background-color:rgb(0 186 180 / var(--tw-bg-opacity));
    }
}

.bg-n-brand\/10 {
    background-color: rgb(0 186 180 / .1);
}

.bg-n-brand\/5 {
    background-color: rgb(0 186 180 / .05);
}


.fill-n-blue-9 {
    fill: rgb(0, 160, 155);
    fill: rgb(var(--blue-9) / 1);
}


.text-n-blue-9 {
    --tw-text-opacity: 1;
    color: rgb(0, 160, 155);
    color: rgb(var(--blue-9) / var(--tw-text-opacity));
}
.text-n-brand {
    --tw-text-opacity: 1;
    color: rgb(0, 186, 180);
}


@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
    .text-n-brand {
        color:rgb(0 186 180 / var(--tw-text-opacity));
    }
}


.\!shadow-n-brand {
    --tw-shadow-color: rgb(0 186 180) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}


.\!outline-n-brand {
    outline-color: rgb(0 186 180)!important;
}

.outline-n-blue-9 {
    outline-color: rgb(0, 160, 155);
    outline-color: rgb(var(--blue-9) / 1);
}

.outline-n-brand {
    outline-color: rgb(0, 186, 180);
}

.outline-n-brand\/30 {
    outline-color: rgb(0 186 180 / .3);
}

.ring-n-brand {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 186 180 / var(--tw-ring-opacity));
}