/* ==================================================
   Complemento ao Site.css (sem @import de fontes)
   A fonte Montserrat deve ser carregada no <head>.
   ================================================== */

/* Destaque visual quando o checkbox estiver marcado
   Estrutura esperada:
   <label class="escolha">
     <input type="checkbox"> Texto do item
   </label>
*/
.escolha {
    color: #000;
}

    .escolha:has(input:checked) {
        color: #0026ff;
    }

/* Rótulos com alinhamento vertical */
.label-class {
    display: flex;
    align-items: center;
}

/* Fundo alternativo desta página (mantém o mesmo tom do body) */
.background {
    background-color: #f7f8fc;
}

/* Cores de seções específicas desta página */
.index,
.numeros,
.sobre {
    color: #f47330;
}

/* Espaçamento consistente no desktop */
.navbar-nav .nav-link {
    padding: .5rem 1rem;
}

/* Garante altura do logo sem “empurrar” a barra */
.navbar .navbar-brand img {
    max-height: 48px;
    height: auto;
}

/* Título responsivo e sem quebra no meio da palavra */
.resultado-titulo {
    /* 32px a 50px, crescendo conforme a tela */
    font-size: clamp(2rem, 7.5vw, 50px);
    line-height: 1.05;
    word-break: keep-all; /* não quebra dentro da palavra */
    overflow-wrap: normal; /* não força quebra arbitrária */
}

.resultado-perc {
    font-size: .6em; /* porcentagem menor ao lado do título */
    font-weight: 700;
    white-space: nowrap; /* mantém (94%) junto */
}