/* Bento aprovado: destaque penal, quatro áreas e acesso ao diretório. */
#areas .area-grid { height:auto; min-height:0; grid-auto-rows:minmax(260px,auto); gap:20px; }
#areas .area-card.all h3 { font-size:22px; }
#areas .area-card.all p { font-size:13px; }
@media(min-width:1101px) {
  #areas .area-card.featured { grid-column:1 / span 2; grid-row:1 / span 2; }
  #areas .area-card.featured h3 { font-size:clamp(30px,2.6vw,40px); line-height:1.15; }
  #areas .area-card.featured > div { padding-right:76px; }
  #areas .area-card.featured b { width:56px; height:56px; }
  #areas .area-card:nth-child(2) { grid-column:3; grid-row:1; }
  #areas .area-card:nth-child(3) { grid-column:4; grid-row:1; }
}
@media(min-width:1800px) {
  #areas .area-grid { grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(260px,auto)); }
  #areas .area-card:nth-child(4) { grid-column:5; grid-row:1; }
  #areas .area-card.area-ip { grid-column:3 / span 2; grid-row:2; }
  #areas .area-card.all { grid-column:5; grid-row:2; }
  #areas .area-card.all h3 { font-size:20px; }
}
@media(min-width:1101px) and (max-width:1799px) {
  #areas .area-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(260px,auto)) minmax(180px,auto); }
  #areas .area-card:nth-child(4) { grid-column:3; grid-row:2; }
  #areas .area-card.area-ip { grid-column:4; grid-row:2; }
  #areas .area-card.all { grid-column:1 / -1; grid-row:3; }
  #areas .area-card.all h3 br { display:none; }
}
@media(min-width:701px) and (max-width:1100px) {
  #areas .area-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:none; }
  #areas .area-card.featured { grid-column:1 / -1; grid-row:auto; min-height:340px; }
  #areas .area-card.featured h3 { font-size:36px; }
  #areas .area-card.all { grid-column:1 / -1; min-height:220px; }
}
@media(max-width:700px) {
  #areas .area-grid { grid-template-columns:minmax(0,1fr); grid-template-rows:none; grid-auto-rows:auto; gap:12px; }
  #areas .area-card, #areas .area-card.featured { grid-column:auto; grid-row:auto; min-height:254px; }
}