/* ===== PCS/UEM – CSS personalizado (13/11/2026) =====
   Paleta: institucional #064106 | complementar #287A3C | suave #A5CE8A
           muito claro #F2F6EF | cinza neutro #F5F5F2 | grafite #333B36
   Para desfazer: apagar este bloco e salvar. */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap');

/* --- Fundo e texto --- */
body { background-color: #F5F5F2; color: #333B36; }
#content-core { color: #333B36; }
#content-core a { color: #287A3C; }
#content-core a:hover { color: #064106; }

/* --- Colunas laterais (portlets) --- */
#portal-column-one .portletHeader,
#portal-column-one .portletHeader a,
#portal-column-one .portletContent,
#portal-column-one .portletContent p,
#portal-column-one .portletContent a {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  letter-spacing: normal !important;
}
#portal-column-one .portletHeader, #portal-column-one .portletHeader a { font-weight: 500 !important; }
#portal-column-one .portletContent, #portal-column-one .portletContent p, #portal-column-one .portletContent a { font-size: 14px !important; }

#portal-column-one .portlet, #portal-column-two .portlet { border-color: #064106 !important; }
#portal-column-one .portletHeader, #portal-column-one .portletHeader a { color: #064106 !important; border-color: #A5CE8A !important; }
#portal-column-one .portletContent a, #portal-column-two .portletContent a { color: #064106 !important; }
#portal-column-one .portletContent a:hover, #portal-column-two .portletContent a:hover { color: #287A3C !important; text-decoration: underline; }

/* coluna direita no mesmo estilo da esquerda */
#portal-column-two .portlet { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; background-color: transparent !important; margin-bottom: 22px !important; }
#portal-column-two .portletHeader, #portal-column-two .portletHeader a { color: #064106 !important; background-color: transparent !important; }
#portal-column-two .portletHeader { border: 0 !important; border-bottom: 2px solid #A5CE8A !important; padding: 0 0 11px 0 !important; position: relative; }
#portal-column-two .portletHeader::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 52px; height: 2px; background-color: #287A3C; }
#portal-column-two .portletContent { background-color: #ffffff !important; border: 1px solid #e1e6dc !important; border-top: 0 !important; border-radius: 0 0 8px 8px !important; overflow: hidden; }
#portal-column-two .portlet:has(.portletFooter) .portletContent { border-radius: 0 !important; }
#portal-column-two .portletFooter { background-color: #ffffff !important; border: 1px solid #e1e6dc !important; border-top: 0 !important; border-radius: 0 0 8px 8px !important; }

/* --- Rodapé --- */
#portal-footer-wrapper { background-color: #064106 !important; color: #F2F6EF !important; border-top: 4px solid #A5CE8A; }
#portal-footer-wrapper a { color: #A5CE8A !important; }

/* --- Título das páginas --- */
h1.documentFirstHeading {
  font-family: Poppins, Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important; color: #064106 !important; letter-spacing: -0.2px;
  line-height: 1.25 !important; padding-bottom: 12px !important; margin-bottom: 14px !important;
  border-bottom: none !important; position: relative;
}
h1.documentFirstHeading::after { content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 4px; background-color: #A5CE8A; }

/* --- Trilha "Você está aqui" --- */
.plone-breadcrumb { background-color: transparent !important; }
.plone-breadcrumb ol { padding: 6px 0 !important; display: flex !important; flex-wrap: wrap; align-items: center; row-gap: 6px; }
.plone-breadcrumb ol > li { line-height: 1.4 !important; padding: 0 !important; display: inline-flex !important; align-items: center; font-family: Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; }
.plone-breadcrumb ol > li + li::after { display: none !important; }
.plone-breadcrumb ol > li + li::before { content: "\203A" !important; position: static !important; border: 0 !important; color: #287A3C !important; font-size: 16px; line-height: 1; margin: 0 7px; }
.plone-breadcrumb ol a, .plone-breadcrumb ol #breadcrumbs-current { display: inline-block; padding: 3px 11px !important; border-radius: 12px; text-decoration: none !important; }
.plone-breadcrumb ol a { background-color: #F2F6EF; color: #064106 !important; border: 1px solid #A5CE8A; }
.plone-breadcrumb ol a:hover { background-color: #A5CE8A; }
.plone-breadcrumb ol #breadcrumbs-current { background-color: #064106; color: #ffffff !important; border: 1px solid #064106; }
#breadcrumbs-home a::before { content: "\2302"; margin-right: 5px; }

/* --- Celular e tablet: menu lateral recolhível --- */
.portlet-static-menu-celular { display: none !important; }
@media (max-width: 991px) {
  #main-container { display: flex !important; flex-direction: column; }
  #main-container > div { width: 100% !important; float: none !important; }
  #main-container > div:has(#portal-column-one) { order: -1; }
  #portal-column-one { display: flex; flex-direction: column; }
  #portal-column-one .portlet { display: none !important; }
  #portal-column-one .portletWrapper { margin-bottom: 0 !important; }
  #portal-column-one:target .portletWrapper { margin-bottom: 18px !important; }
  #portal-column-one .portletWrapper:has(.portlet-static-menu-celular) { order: -1; }
  #portal-column-one:target .portlet { display: block !important; }
  #portal-column-one .portlet.portlet-static-menu-celular { display: block !important; order: -1; border: 0 !important; background: transparent !important; box-shadow: none !important; margin: 0 0 12px 0 !important; }
  .portlet-static-menu-celular .portletHeader { display: none !important; }
  .portlet-static-menu-celular .portletContent { padding: 0 !important; border: 0 !important; background: transparent !important; }
  .portlet-static-menu-celular p { margin: 0 0 8px 0 !important; }
  #portal-column-one .portlet-static-menu-celular a.pcs-menu-abrir,
  #portal-column-one .portlet-static-menu-celular a.pcs-menu-fechar { display: block; background-color: #064106; color: #ffffff !important; padding: 10px 14px !important; border-left: 6px solid #A5CE8A; font-family: Poppins, Roboto, Arial, sans-serif !important; font-weight: 500 !important; font-size: 15px !important; text-decoration: none !important; }
  #portal-column-one .portlet-static-menu-celular a.pcs-menu-fechar { display: none; }
  #portal-column-one:target .portlet-static-menu-celular a.pcs-menu-abrir { display: none; }
  #portal-column-one:target .portlet-static-menu-celular a.pcs-menu-fechar { display: block; }
  #content-core { overflow-x: auto; }
  #content-core img { max-width: 100%; height: auto; }
}
@media (max-width: 600px) {
  h1.documentFirstHeading { font-size: 25px !important; }
}

/* --- Lista de notícias --- */
body.template-summary_view #content-core article.tileItem { display: grid; grid-template-columns: 88px 1fr; column-gap: 14px; align-items: start; padding: 10px 0; margin: 0; border-bottom: 1px solid #e1e6dc; }
body.template-summary_view #content-core .tileImage, body.template-summary_view #content-core .tileImageNoFloat { grid-column: 1; grid-row: 1 / span 3; float: none; margin: 0; }
body.template-summary_view #content-core .tileImage img, body.template-summary_view #content-core .tileImageNoFloat img { width: 88px !important; height: 56px !important; object-fit: cover; border-radius: 4px; border: 1px solid #A5CE8A; }
body.template-summary_view #content-core .tileHeadline { grid-column: 2; margin: 0 0 3px 0; font-size: 15px !important; line-height: 1.35; font-weight: 500; }
body.template-summary_view #content-core .tileHeadline a { color: #064106 !important; text-decoration: none; }
body.template-summary_view #content-core .tileBody { grid-column: 2; font-size: 12px; color: #5f6862; margin: 0; }
body.template-summary_view #content-core .documentByLine, body.template-summary_view #content-core .tileFooter, body.template-summary_view #content-core .visualClear { display: none; }
body.template-summary_view #content-core article.tileItem:not(:has(.tileImage, .tileImageNoFloat)) .tileHeadline,
body.template-summary_view #content-core article.tileItem:not(:has(.tileImage, .tileImageNoFloat)) .tileBody { grid-column: 1 / span 2; }

/* --- Bandeiras de idioma no topo (portlet de texto "Idioma / Language") --- */
.portlet-static-idioma-language { position: absolute !important; top: 8px; right: 18px; z-index: 1050; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; width: auto !important; }
.portlet-static-idioma-language .portletHeader, .portlet-static-idioma-language .portletFooter { display: none !important; }
.portlet-static-idioma-language .portletContent { display: flex; gap: 10px; align-items: center; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; }
.portlet-static-idioma-language p { margin: 0 !important; padding: 0 !important; line-height: 0; }
.portlet-static-idioma-language a { font-size: 0 !important; line-height: 0; display: inline-block; padding: 0 !important; border: 0 !important; }
.portlet-static-idioma-language a img { width: 30px !important; height: 20px !important; margin: 0 !important; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255,255,255,0.7); transition: transform .15s; }
.portlet-static-idioma-language a:hover img { transform: scale(1.12); }
@media (max-width: 767px) {
  .portlet-static-idioma-language { top: 52px; right: 10px; }
  .portlet-static-idioma-language a img { width: 26px !important; height: 17px !important; }
}
/* ===== fim PCS ===== */