/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.starting a {
    color: #55f37a;
}

.starting li a {
    color: #55f37a;
}

.container_centering {
    vertical-align: top;
    display: table-cell;
    padding: 90px 0;
}

@media (max-width: 768px) { /* Aplica em telas menores que 768px */
    .main_title_1 img {
        width: 80%; /* Reduz o tamanho da imagem para melhor adaptação */
        height: auto;
        display: block; /* Garante que a imagem seja visível */
        margin: 0 auto; /* Centraliza a imagem */
    }
}

.main_title_1 img {
    display: block !important; /* Garante que a imagem apareça */
    visibility: visible !important;
}


/* Ajuste geral da tabela */
.table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

/* Estilização para telas menores */
@media (max-width: 768px) {
    .table thead {
        display: none; /* Esconde os cabeçalhos para economizar espaço */
    }

    .table tbody, .table tr, .table td {
        display: block;
        width: 100%;
    }

    .table tr {
        margin-bottom: 10px;
        border: 1px solid #ffffff;
        padding: 10px;
    }

    .table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }

    .table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 50%;
        text-align: left;
        xfont-weight: bold;
        color: #ffffff;
    }

    /* Ajuste dos inputs dentro da tabela */
    .table input {
        width: 100%;
        height: 40px;
        text-align: center;
        border: none;
        background-color: rgba(255, 255, 255, 0.2);
        color: #ffffff;
        font-weight: bold;
        border-radius: 5px;
    }

    /* Faz os títulos como 'Viabilidade', 'Urgência' ficarem em negrito */
    .table td:first-child {
        font-weight: bold;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.2);
        padding: 10px;
        border-bottom: 1px solid #ffffff;
    }

    /* Mantém 'Critério' normal (sem negrito) */
    .table td[data-label="Critério"]::before {
        font-weight: normal;
    }

    /* Alinha os inputs para a direita */
    .table td input {
        text-align: right;
        margin-left: auto;
        display: block;
    }

    /* Alinhar o título da categoria à direita */
    .table td:first-child {
        text-align: right;
        padding-left: 0;
        padding-right: 10px; /* Ajusta o espaçamento para não ficar grudado na borda */
        font-weight: bold; /* Mantém o destaque */
    }
}