/* Add your styles here */

/* =====================================================================
   Menu principal (desktop) — corrige quebra de palavras em telas médias
   Causa: entre 992px e ~1200px os 8 itens + botão MATRÍCULAS não cabem
   em uma linha; o white-space padrão quebra o texto DENTRO de cada item
   ("Ed. Infanti l", "MATRÍ CULAS"). Aqui evitamos a quebra e encolhemos
   levemente fonte/espaçamento só nessa faixa. Acima de 1200px nada muda.
   ===================================================================== */

@media (min-width: 992px) {
    /* Nunca quebrar o rótulo do item no meio da palavra */
    #nav-main #bootscore-navbar .nav-link {
        white-space: nowrap;
    }
}

/* Faixa intermediária (1200–1399px, ou ~zoom 150% em telas grandes):
   container = 1140px. 9 itens + botão MATRÍCULAS estouram no full-size e
   cortam o CTA. Encolhimento LEVE só p/ caber. ≥1400px fica no tamanho cheio. */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #nav-main .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 0.88rem;
    }
    #nav-main #menu-item-1612 a {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
        font-size: 0.88rem;
    }
    #nav-main #menu-item-1612 {
        margin-left: 0.5rem;
    }
}

/* Faixa apertada (notebooks/telas médias): encolhe p/ caber em 1 linha.
   Calibrado p/ 9 itens + botão MATRÍCULAS (inclui "Ensino Médio"). */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #nav-main .navbar-nav .nav-link {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
        font-size: 0.76rem;
    }

    /* Botão MATRÍCULAS: reduz respiro lateral p/ ganhar espaço */
    #nav-main #menu-item-1612 a {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        font-size: 0.76rem;
    }
    #nav-main #menu-item-1612 {
        margin-left: 0.3rem;
    }
}

/* =====================================================================
   Anos Iniciais (/ensino-fundamental-1/, page-id-63) — comparativo
   "Modelo ultrapassado x Escola Portal": as 2 imagens redondas (PNGs com
   o círculo/selo já embutidos) tinham tamanhos diferentes (esquerda @2x
   848px preenchia a coluna; direita só 400px nativos não preenchia).
   Igualadas em 400px (mantém as duas nítidas) e centralizadas.
   ===================================================================== */
.page-id-63 .col-lg-5.col-sm-8 img {
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}