/* Ajustes finos de proporção, inspirados na imagem de referência enviada
   (computador e celular). Carregado depois de site.css, então só entra
   aqui o que refina o layout — nada que esconda cabeçalho, busca, texto
   do banner ou reduza os cards a ponto de cortar fotos e textos.
   Se você enviar a imagem de referência novamente, este arquivo é o lugar
   certo para eu recalibrar proporções com mais precisão. */

/* Banner emoldurado como um cartão, arredondado nas pontas — igual à referência */
@media(min-width:768px){
  .hero{border-radius:0 0 20px 20px}
}

/* Header com leve linha de sombra para separar do banner */
header{box-shadow:0 1px 0 #05303210}

/* No card de destaque do cabeçalho, deixa a etiqueta "Destaque" mais discreta */
.hero-public small:first-child{text-transform:uppercase;letter-spacing:.6px;font-size:10px;color:#8a6a2f}