/*
 * Ajustes próprios do site da ABRAPA, carregado depois do CSS do template.
 * Regras de uma página só ficam sob a classe do <body> (definida no Page de cada página).
 * :where() mantém a especificidade igual à do <style> inline que existia antes em cada página.
 */

/* Quem somos: espaço vertical entre as linhas de cards da equipe */
.team-gap { margin-bottom: 120px; }
@media (max-width: 767px) {
    .team-gap { margin-bottom: 70px; }
}

/* Portfólio: cards sem foto */
.vazio { position: relative; padding: 16%; margin-top: 7%; margin-bottom: 7%; }

/* Ambulatório e Revistas: títulos do conteúdo */
:where(.page-ambulatorio, .page-revistas) .mb-3 { margin-bottom: 3%; }
:where(.page-ambulatorio, .page-revistas) h1 { font-size: 30px; margin-bottom: 3%; }
:where(.page-ambulatorio, .page-revistas) h2 { font-size: 25px; margin-bottom: 1%; margin-top: 3%; }

/* Revistas: fundo cinza claro */
body.page-revistas { background-color: #f5f5f5d9; }