/* Complemento do master.css. Nao modifica o painel administrativo. */
@media screen {
  .estrutura.center { width: 100%; max-width: 999px; table-layout: fixed; }
  .estrutura.estrutura img { max-width: 100%; }
  .estrutura.estrutura section.body img,
  .estrutura.estrutura section.other-themes img { max-width: 100% !important; height: auto !important; box-sizing: border-box; }
  .estrutura.estrutura section.body { overflow-wrap: anywhere; }
  .estrutura.estrutura section.body iframe,
  .estrutura.estrutura section.body video { max-width: 100%; }
  .estrutura.estrutura section.body video { height: auto; }
  .estrutura.estrutura section.body table { display: block; max-width: 100%; overflow-x: auto; }
  .estrutura.estrutura section.body pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  .estrutura.estrutura a:focus-visible, .estrutura.estrutura input:focus-visible,
  .estrutura.estrutura textarea:focus-visible, .estrutura.estrutura button:focus-visible { outline: 3px solid #b55b00; outline-offset: 2px; }
}

@media screen and (max-width: 998px) {
  .estrutura, .estrutura.estrutura > tbody, .estrutura.estrutura > tbody > tr,
  .estrutura.estrutura > tbody > tr > td { display: block; width: 100%; box-sizing: border-box; }
  .estrutura.estrutura .TD-Category { display: none; }
  .estrutura.estrutura .TD-Header .header-gray { width: 100%; height: auto; padding: 16px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
  .estrutura.estrutura .TD-Header .header-gray > a { order: 0; max-width: 100%; }
  .estrutura.estrutura .TD-Header .header-gray > a img { display: block; height: auto; }
  .estrutura.estrutura .TD-Header .header-gray #cse-search-box { order: 1; float: none; width: 300px; max-width: 100%; height: auto; margin: 0 !important; margin-left: auto !important; }
  .estrutura.estrutura .TD-Header .header-gray #cse-search-box input.busca { box-sizing: border-box; width: 100%; height: 44px; font-size: 16px; color: #fff; background-position: right 10px center; }
  .estrutura.estrutura .TD-Header .header-gray #cse-search-box input.busca::placeholder { color: #fff; opacity: 1; }
  .estrutura.estrutura .TD-Header .size-728x90 { order: 2; float: none; max-width: 100%; height: auto; margin: 0 auto; }
  .estrutura.estrutura .TD-Header ul.menu { display: flex; flex-wrap: wrap; width: 100%; height: auto; margin: 0; padding: 0; }
  .estrutura.estrutura .TD-Header ul.menu li { flex: 1 1 145px; float: none; width: auto; height: auto; padding: 0; background: none; }
  .estrutura.estrutura .TD-Header ul.menu li a { display: block; box-sizing: border-box; width: 100%; height: auto; min-height: 44px; padding: 12px 14px; font-size: 16px; line-height: 1.3; overflow-wrap: anywhere; }
  .estrutura.estrutura .TD-Header ul.menu li a:hover { background: #005f3c; }
  .estrutura.estrutura.home .TD-Header > td { display: flex; flex-direction: column; }
  .estrutura.estrutura.home .TD-Header .header-gray { order: 0; }
  .estrutura.estrutura.home .TD-Header ul.menu { order: 1; }
  .estrutura.estrutura.home .TD-Header .sliders { order: 2; float: none; width: 100%; height: auto; margin: 0; overflow: visible; }
  .estrutura.estrutura.home .TD-Header .sliders > div { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .estrutura.estrutura.home .TD-Header .sliders a { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; }
  .estrutura.estrutura.home .TD-Header .sliders img { display: block; width: 100%; height: auto; }
  .estrutura.estrutura.home .TD-Header .size-300x250 { order: 3; float: none; margin: 16px auto; }
  .estrutura.estrutura .TD-Content > td { display: flex; flex-direction: column; padding: 24px 16px; gap: 20px; }
  .estrutura.estrutura .TD-Content h1 { margin: 0; font-size: 32px; line-height: 1.15; overflow-wrap: anywhere; }
  .estrutura.estrutura .TD-Content h2 { margin: 0; line-height: 1.5; }
  .estrutura.estrutura .TD-Content section.body,
  .estrutura.estrutura .TD-Content section.other-themes,
  .estrutura.estrutura .TD-Content .div-share,
  .estrutura.estrutura .TD-Content .category { width: 100%; min-width: 0; float: none; margin: 0; box-sizing: border-box; }
  .estrutura.estrutura .TD-Content section.body { font-size: 16px; line-height: 1.65; }
  .estrutura.estrutura .TD-Content section.body * { max-width: 100%; box-sizing: border-box; }
  .estrutura.estrutura .TD-Content section.body .box-destaque { height: auto; overflow: visible; }
  .estrutura.estrutura .TD-Content .category li { float: none; display: flow-root; box-sizing: border-box; width: 100%; height: auto; min-height: 80px; margin: 0 0 16px; padding: 0 0 16px; }
  .estrutura.estrutura .TD-Content .category li .title { line-height: 1.35; overflow-wrap: anywhere; }
  .estrutura.estrutura .TD-Content .category li .text { line-height: 1.5; }
  .estrutura.estrutura .TD-Content .category li .mestre { margin-top: 0; }
  .estrutura.estrutura .TD-Content section.other-themes ul,
  .estrutura.estrutura .TD-Content section.other-themes ul:last-child { float: none; margin: 12px 0 0; padding-left: 20px; }
  .estrutura.estrutura .TD-Content section.other-themes li a { display: inline-block; padding: 5px 0; }
  .estrutura.estrutura .TD-Content .ga-block-left,
  .estrutura.estrutura .TD-Content .ga-block-right { order: 10; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; width: 100%; height: auto; float: none; margin: 0; min-width: 0; }
  .estrutura.estrutura .ga { max-width: 100%; overflow-x: auto; box-sizing: border-box; }
  .estrutura.estrutura .TD-Content .ga { float: none; margin: 0 auto; height: auto; }
  .estrutura.estrutura .ga:empty { display: none; }
  .estrutura.estrutura .TD-Content form table { width: 100%; }
  .estrutura.estrutura .TD-Content form table tbody,
  .estrutura.estrutura .TD-Content form table tr,
  .estrutura.estrutura .TD-Content form table td { display: block; width: 100%; }
  .estrutura.estrutura .TD-Content form input,
  .estrutura.estrutura .TD-Content form textarea { box-sizing: border-box; width: 100%; max-width: 400px; font: inherit; padding: 8px; }
  .estrutura.estrutura .TD-Content form input { height: 44px; }
  .estrutura.estrutura .TD-Content form button { margin-left: 0; min-height: 44px; font-size: 16px; }
  .estrutura.estrutura .mensagem { box-sizing: border-box; max-width: 100%; }
  .estrutura.estrutura .TD-See-More > td { display: flex; flex-wrap: wrap; gap: 20px; padding: 16px; }
  .estrutura.estrutura .TD-See-More > td > .title { width: 100%; margin: 0; line-height: 1.4; padding-bottom: 16px; }
  .estrutura.estrutura .TD-See-More .box-destaque { float: none; flex: 1 1 140px; max-width: 220px; height: auto; margin: 0; line-height: 1.5; }
  .estrutura.estrutura .TD-See-More .box-destaque .see-more { height: auto; min-height: 44px; line-height: 44px; }
  .estrutura.estrutura .TD-Footer > td { padding: 16px; }
  .estrutura.estrutura .TD-Footer ul { display: flex; flex-wrap: wrap; gap: 8px 0; margin: 0; }
  .estrutura.estrutura .TD-Footer ul li { float: none; }
  .estrutura.estrutura .TD-Footer ul li a { display: block; float: none; padding: 10px 0; }
  .estrutura.estrutura .TD-Footer .warning,
  .estrutura.estrutura .TD-Footer .copy { float: none; width: 100%; height: auto; margin: 20px 0 0; padding: 0; background: none; line-height: 1.5; }
  .estrutura.estrutura .TD-Footer .copy span { float: none; display: block; margin: 0; }
}

@media screen and (max-width: 480px) {
  .estrutura.estrutura .TD-Header .header-gray { justify-content: center; }
  .estrutura.estrutura .TD-Header .header-gray #cse-search-box { width: 100%; margin-left: 0 !important; }
  .estrutura.estrutura .TD-Header ul.menu li { flex-basis: 50%; }
  .estrutura.estrutura .TD-Content h1 { font-size: 28px; }
  .estrutura.estrutura .TD-Content section.body .box-destaque { float: none; margin: 0 0 16px; }
}