/* ~~~~~~~~~~~~~~~~ Main Styles - ESTILIZAÇÃO DOS COMPONENTES GERAIS USADOS EM TODAS AS PÁGINAS ~~~~~~~~~~~~~~~~~~~~ */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Vesper+Libre&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Vesper+Libre&display=swap');

/* CONFIG. GLOBAL */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--vox-font-family-body-sans);
}

/* ========== CONFIGURAÇÃO GLOBAL ================================ */
body {
    background-color: var(--vox-color-fdr-neutral-light);
}

.text-truncate-1,
.text-truncate-2,
.text-truncate-3,
.text-truncate-4,
.text-truncate-5,
.text-truncate-6,
.text-truncate-9 {
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -moz-box-orient: vertical;
}
.text-truncate-1 {
    -webkit-line-clamp: 1
}
.text-truncate-2 {
    -webkit-line-clamp: 2
}
.text-truncate-3 {
    -webkit-line-clamp: 3
}
.text-truncate-4 {
    -webkit-line-clamp: 4
}
.text-truncate-5 {
    -webkit-line-clamp: 5
}
.text-truncate-6 {
    -webkit-line-clamp: 6;
}
.text-truncate-9 {
    -webkit-line-clamp: 9;
}

.main-background{
    background-color: var(--vox-color-fdr-secondary-dark);
}

/* Pseudo-elemento "Ver mais"*/
.category__subtitle--seeall{
    width: fit-content;
}

.c-text-seeMore{
    width: fit-content;
}
.category__subtitle--seeall::after{
    width: 12px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url(/fdr-institucional/assets/imgs/icones/arrow-seeall.png);
    content: 'Ver mais';
    display: inline-flex;
    align-items: center;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: width .28s ease, font-size .28s ease, color .28s ease;
    vertical-align: middle;
    background-position: center right;
}
/* Hover: expande e mostra o texto/ícone */
.category__subtitle--seeall:hover::after,
.category__subtitle--seeall a:hover::after {
    width: 105px;
    font-size: 20px;
    color: var(--vox-color-fdr-primary-medium);
    background-position: center right;
}

/* ESTILIZAÇÃO DE FONTE*/
.font-serif {
    font-family: "Noto Serif", serif;
}
/* Tamanho da fonte das informações de contato */
.c-title{
    font-size: var(--vox-font-size-medium);
}

/* ESTILIZAÇÃO DEFAULT DOS BOTÕES (download & saiba mais & veja mais) */
.btn_default{
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    gap: 10px;
}

/* Botão */
.btn__more {
    color: var(--vox-color-fdr-neutral-darker);
    background-color: var(--vox-color-fdr-primary-medium);
    font-size: var(--vox-font-size-small);
    font-weight: 600;
}
.btn__more:hover, .btn__seeMore:hover, .btn__download:hover, .btn_more__variant:hover {
    background-color: var(--vox-color-fdr-primary-light);
    color: var(--vox-color-fdr-neutral-darker);
} 

/*apenas para os botões de veja mais e de download */
.btn__seeMore, .btn__download, .btn_more__variant{
    background-color: var(--vox-color-fdr-primary-dark);
    color: var(--vox-color-fdr-neutral-lighter);
    width: 180px;
    height: 50px;
    font-size: 24px;
}

.section-padding{
    padding-top: 48px;
    padding-bottom: 48px;
}

.spacing_section{
    margin-bottom: 72px;
}

@media (min-width: 992px) {

    .c-text-topo__title{
        font-size: var(--vox-font-size-xl);
    }

    .section-padding {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .c-title{
        font-size: var(--vox-font-size-large);
    }
}
/* ~~~~~~~~~~~~~~~~ Main Styles - ESTILIZAÇÃO DOS COMPONENTES GERAIS USADOS EM TODAS AS PÁGINAS ~~~~~~~~~~~~~~~~~~~~ */