@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://use.typekit.net/yve0kfd.css');
:root {
    --bs-body-color: #302c23;
    --bs-primary: #272c62;
    --bs-primary-rgb: 39, 44, 98;
    --bs-secondary: #32b3a0;
    --bs-secondary-rgb: 50, 179, 160;
    /* Tons neutros quentes, a condizer com o creme */
    --bs-secondary-color: #57503f;
    --bs-border-color: #272c62;
    --bs-light: #f4efe6;
}

body {
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    color: var(--bs-body-color);
    line-height: 1.5;
    font-weight: 500;
}

a {
    color: var(--bs-primary);
    text-decoration: none;
}

/* Tamanhos de texto (menu de estilos do RTE / Tiptap) - 12px a 30px */
.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }
.font-24 { font-size: 24px; }
.font-26 { font-size: 26px; }
.font-28 { font-size: 28px; }
.font-30 { font-size: 30px; }

/* Cores de texto (menu de estilos do RTE / Tiptap) */
.text-primary { color: var(--bs-primary); }
.text-secondary { color: var(--bs-secondary); }
.text-preto { color: #1d1d1d; }


p:empty::before {
    content: "";
    display: block;
    height: 1em;
}

.rich-text a {
    color: var(--bs-primary);
}

    .rich-text a:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 0.375em;
        text-decoration-color: rgb(var(--bs-primary-rgb), .3);
    }

.rich-text ul li {
    list-style: none;
    position: relative;
}


    .rich-text ul li::before {
        content: "";
        width: 8px;
        height: 8px;
        background-color: var(--bs-primary);
        border-radius: 0;
        position: absolute;
        left: -1.2em;
        top: 0.55em;
    }


.btn {
    border-radius: 0;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

    .btn:hover {
        text-decoration: none !important;
    }


.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #505480;
    --bs-btn-hover-border-color: #505480;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3e4373;
    --bs-btn-active-border-color: #3e4373;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7c7769;
    color: #fff !important;
}

    /* Sem sombra colorida no hover: o botão muda de tom, não levita. */
    .btn-primary:hover {
        box-shadow: none;
    }


.btn-secondary {
    --bs-btn-color: #272c62;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #272c62;
    --bs-btn-hover-bg: #abe0d8;
    --bs-btn-hover-border-color: #abe0d8;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #258375;
    --bs-btn-active-border-color: #258375;
}

    .btn-secondary:hover {
        box-shadow: none;
    }

/* O terciário é o creme: superfície clara com texto navy. */
.btn-tertiary {
    --bs-btn-bg: #f4efe6;
    --bs-btn-border-color: #d0cec9;
    --bs-btn-hover-bg: #d0cec9;
    --bs-btn-hover-border-color: #d0cec9;
    --bs-btn-active-bg: #b3b0a9;
    --bs-btn-active-border-color: #b3b0a9;
    --bs-btn-disabled-color: #57503f;
    --bs-btn-disabled-bg: #f4efe6;
    color: #0e1a3c !important;
}

    .btn-tertiary:hover {
        color: #0e1a3c !important;
        box-shadow: none;
    }

/* Adiciona uma sombra suave e cantos arredondados ao conteúdo quando ele abre */
#congressosAccordion .accordion-collapse {
    background-color: #fff;
    box-shadow: inset 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 0; /* Arredonda os cantos inferiores */
    margin-bottom: 5px; /* Separa ligeiramente do próximo item */
}

/* Reduz o tamanho da letra e o espaçamento dentro do dropdown */
#congressosAccordion .accordion-body {
    font-size: 14px; /* Diminui o texto (o padrão costuma ser 16px) */
    line-height: 1.5;
}

    /* Opcional: Se quiseres que os títulos dos cargos (Presidente, etc.) também encolham proporcionalmente */
    #congressosAccordion .accordion-body strong {
        font-size: 14px;
    }