/* manifesto2015.com — estilos adicionais sobre o tema de arquivo `shablon10`.
   A base (cores, header, hero .ba_block, grelha .formats, tabelas .entry table,
   footer) vem de assets/style.css, copiado do arquivo.
   Aqui apenas: barra de navegação, cartões de artigo, artigo, migalhas e avisos. */

body { text-align: left; }

/* O style.css do tema de arquivo fixa header{height:87px}, o que corta a barra
   de navegação nova (menu sobre o H1). A altura passa a ser automática. */
header { height: auto; }
.header_h { overflow: visible; }

/* ---------- HEADER ---------- */
.header_list { width: 100%; }
.logo_h { max-width: 400px; }
.logo_h img { display: block; width: 100%; height: auto; }
.header_buttons { margin-left: auto; }
@media (max-width: 1020px) {
  .logo_h { max-width: 260px; }
  .header_buttons { margin-left: 0; }
  .header_buttons a { padding: 8px 12px; font-size: 13px; }
}

/* ---------- NAV ---------- */
.main_nav { margin: 8px 0 0 0; border-top: 1px solid #ededed; padding: 8px 0 6px 0; }
.main_nav ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.main_nav li { display: block; padding: 0 18px 0 0; }
.main_nav li a { font-weight: 500; font-size: 15px; line-height: 110%; color: #222222; text-decoration: none; position: relative; }
.main_nav li a:hover, .main_nav li.active a { color: #ffab2e; }
@media (min-width: 1021px) { .main_nav { display: block !important; } }
@media (max-width: 1020px) {
  .main_nav { display: none; }
  .main_nav.open { display: block; }
  .main_nav.open ul { display: block; }
  .main_nav.open li { padding: 0 0 8px 0; }
}

/* ---------- CARDS (reutiliza .formats/.formats_block do tema) ---------- */
.formats_block { display: flex; flex-direction: column; }
.formats_block .card_img {
  display: block; width: 100%; height: auto; aspect-ratio: 3 / 2;
  object-fit: cover; border-radius: 6px; margin: 0 0 12px 0; background: #e9e9e9;
}
.formats_block_t { margin: 0 0 8px 0; }
.formats_block_t a { color: #222; text-decoration: none; }
.formats_block p { font-size: 15px; line-height: 21px; color: #555; margin: 0 0 4px 0; }
.formats_list { align-items: stretch; }

.section_title {
  color: #7a3413; font-size: 30px; line-height: 34px; font-weight: bold;
  text-transform: uppercase; margin: 45px 0 18px 0;
}
.sec_more { display: inline-block; margin: 0 0 20px 0; }
.home_rows { padding: 0 0 0 20px; }
.home_rows li { margin: 8px 0 8px 10px; list-style: disc outside; }
.home_rows b { color: #7a3413; }

/* ---------- MIGALHAS / ARTIGO ---------- */
.breadcrumbs { font-size: 14px; line-height: 18px; color: #808080; padding: 18px 0 0 0; margin: 0 0 10px 0; }
.breadcrumbs a { color: #808080; text-decoration: none; }
.breadcrumbs a:hover { color: #ffab2e; }
.breadcrumbs span { color: #7a3413; }

.entry { padding: 0 0 40px 0; }
.entry h1 { margin: 10px 0 22px 0; }
.entry h2 { margin: 30px 0 16px 0; }
.entry h3 { margin: 24px 0 12px 0; }
.entry p { margin: 0 0 22px 0; }
.entry figure.cover { margin: 0 0 24px 0; }
.entry figure.cover img,
.entry figure.body_img img { display: block; width: 100%; height: auto; border-radius: 8px; }
.entry figure.body_img { margin: 0 0 24px 0; }
.entry a { color: #d97706; }
.entry a:hover { color: #7a3413; }
.entry_table { overflow-x: auto; margin: 0 0 24px 0; }
.entry table { width: 100%; }
.entry ul { margin: 0 0 22px 0; }

.notice {
  background: #fff6e5; border-left: 5px solid #ffab2e; border-radius: 0 8px 8px 0;
  padding: 14px 18px; margin: 0 0 22px 0; font-size: 15px; line-height: 21px; color: #4a3208;
}
.notice b { color: #7a3413; }
.rg_box { border-left-color: #57b64d; background: #f1fbef; color: #1f4a17; }
.rg_box b { color: #2f7a24; }

.related { margin: 20px 0 0 0; padding: 25px 0 0 0; border-top: 1px solid #e3e3e3; }
.related h2 { font-size: 24px; margin: 0 0 10px 0; color: #7a3413; }

.back_home { padding: 0 0 30px 0; }
.error_box { text-align: center; padding: 50px 0 20px 0; }
.error_box .code { font-size: 84px; font-weight: bold; color: #ffab2e; line-height: 1; margin: 0 0 10px 0; }

/* ---------- MOBILE ---------- */
@media (max-width: 1020px) {
  .header_list { flex-wrap: wrap; }
}
@media (max-width: 759px) {
  .entry h1 { font-size: 26px; line-height: 30px; }
  .section_title { font-size: 24px; line-height: 28px; }
}