/* Borda branca interna e borda externa cinza */
.table.tabela-custom {
    border-collapse: separate;
    border-spacing: 0;
}

.table.tabela-custom th,
.table.tabela-custom td {
    border: 2px solid #ffffff;
}

/* Larguras padrão para telas maiores */
.th-principal {
    width: 80%;

}

.th-fonte {
    width: 20%;
}

.table td,
.table th {
    vertical-align: middle;
}

/* Ajustes para telas menores (exemplo abaixo 768px) */
@media (max-width: 768px) {
    .th-principal {
        width: 70%;
    }

    .th-fonte {
        width: 30%;
    }
}

.table td a:hover {
    color: #aa1916 !important;
    /* texto branco ao passar o mouse */
}

a small {
    color: #aa1916;
}

/* primeira tabela */
.bg-azul-custom {
    background-color: #002855 !important;
}

/* Forçar branco ou azul claro suave nas linhas */
.bg-azul-personalizado {
    background-color: #e4effc !important;
}

/* Ícone SVG (seta azul) */
.link-icon-azul::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23010080' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


/* segunda tabela */
.bg-verde-custom {
    background-color: #1b4332 !important;
}

.bg-verde-personalizado {
    background-color: #dbeec3 !important;
}

/* Ícone SVG (seta verde) */
.link-icon-verde::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231b4332' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* TERCEIRA TABELA */
.bg-cinza-custom {
    background-color: #2e2e2e !important;
}

/* Forçar branco ou azul claro suave nas linhas */
.bg-cinza-personalizado {
    background-color: #f0f0e8 !important;
}

/* Ícone SVG (seta verde) */
.link-icon-cinza::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232e2e2e' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


/* QUARTA TABELA */
.bg-vermelho-custom {
    background-color: #8B0000 !important;
}

.bg-vermelho-personalizado {
    background-color: #fbeaea !important;
}

/* Ícone SVG (seta verde) */
.link-icon-vermelho::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238B0000' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* QUINTA TABELA */
.bg-grafite-custom {
    background-color: #263238 !important;
}

/* Forçar branco ou azul claro suave nas linhas */
.bg-grafite-personalizado {
    background-color: #eceff1 !important;
}

/* Ícone SVG (seta verde) */
.link-icon-grafite::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23263238' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* SEXTA TABELA */
.bg-rosa-custom {
    background-color: #c2185b !important;
}

/* Forçar branco ou azul claro suave nas linhas */
.bg-rosa-personalizado {
    background-color: #fde4ec !important;
}

/* Ícone SVG (seta verde) */
.link-icon-rosa::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c2185b' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* SETIMA TABELA */
.bg-laranja-custom {
    background-color: #e65100 !important;
}

/* Forçar branco ou azul claro suave nas linhas */
.bg-laranja-personalizado {
    background-color: #fff3e0 !important;
}

/* Ícone SVG (seta verde) */
.link-icon-laranja::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e65100' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.informacao {
    font-size: 0.85rem;
    margin-top: 15px;
}


.titulo-grupo {
    cursor: pointer;
}


.titulo-grupo:hover {
    cursor: pointer;
    color: #aa1916
}


.seta-grupo {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23010080' viewBox='0 0 16 16'%3E%3Cpath d='M6 2.5 12 8l-6 5.5V2.5z'/%3E%3C/svg%3E");
    background-size: contain;
    transition: transform .2s;
    vertical-align: middle;
}

.titulo-grupo.aberto .seta-grupo {
    transform: rotate(90deg);
}

/* Esconde os itens */
.item-indice {
    display: none;
}

/* igp-di */
.item-indice.igp-di .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* igp-m */
.item-indice.igp-m .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* igp-10 */
.item-indice.igp-10 .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* incc-di */
.item-indice.incc-di .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* incc-m */
.item-indice.incc-m .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* incc-10 */
.item-indice.incc-10 .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* inpc */
.item-indice.inpc .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipa-di */
.item-indice.ipa-di .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipa-m */
.item-indice.ipa-m .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipa-10 */
.item-indice.ipa-10 .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipc-di */
.item-indice.ipc-di .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipc-m */
.item-indice.ipc-m .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipc-10 */
.item-indice.ipc-10 .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ivar */
.item-indice.ivar .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipca */
.item-indice.ipca .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* ipca-15 */
.item-indice.ipca-15 .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}


/* selic */
.item-indice.selic .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* upc */
.item-indice.upc .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* cdi */
.item-indice.cdi .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* aluguel */
.item-indice.aluguel .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* balanca comercial */
.item-indice.comercial .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

/* cub */
.item-indice.cub .link-icon-azul::before {
    margin-left: 15px;
    /* opcional: seta começa mais para dentro */
}

.vermelho {
    color: #aa1916;
}