/* [FLIVE IA] Design system do Portal AMUSUH — fonte unica. * Extraido em 11/08/2026 do widget HTML da Home (13951), bloco 2faa733, onde vivia * inline. Agora vale em toda pagina do site pelo tema filho `amusuh-portal`. * A fonte Barlow e enfileirada em functions.php, nao por @import. * Regravar a Home NAO desfaz isto — o CSS deixou de morar no _elementor_data. */ /* [FLIVE IA] CONTRATO-DE-DIRECAO Home AMUSUH seed b0cc591b THESIS: o portal se comporta como a sinalizacao oficial da propria obra que os municipios sediam; recusa o site-de-ONG de cards arredondados e cor suave. OWN-WORLD: concreto de barragem + placa de aco rebitada, tipografia condensada estampada em caixa alta, verde #004F27 estrutural, navy #062C56 no chrome, amarelo #F2B705 so em dado critico. Geometria retangular, zero pill, zero gradiente decorativo. STORY: o prefeito reconhece o objeto fisico do municipio dele, le o que a AMUSUH conquistou em lei e sabe onde clicar pra entender a CFURH ou se associar. FIRST VIEWPORT: parede de concreto, placa de aco com a tese institucional e duas acoes retangulares, selo "32 ANOS" rebitado a direita, painel de instrumentos com 5 numeros abaixo. FORM: candidato 6 da lista propria (placas de sinalizacao de infraestrutura), seed b0cc591b. FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md */ :root{--am-verde:#004F27;--am-verde-cl:#0A6B37;--am-navy:#062C56;--am-navy-esc:#041D3A; --am-amarelo:#F2B705;--am-concreto:#D8D5CE;--am-off:#F4F2ED;--am-tinta:#16181A; --am-aco1:#E6E7E9;--am-aco2:#B9BDC2;--am-aco3:#9AA0A6;--am-rebite:rgba(22,24,26,.34); /* --am-linha era usada 8x com fallback e NUNCA definida (auditoria de 18/08): a cor existia so no fallback, entao mexer no tema nao a alcancava. E o mesmo cinza do fallback, agora dentro da paleta. */ --am-linha:#D9DCE1} .am *{box-sizing:border-box} .am{font-family:Barlow,"Source Sans 3",system-ui,sans-serif;color:var(--am-tinta)} .am h1,.am h2,.am h3,.am .am-num,.am .am-btn,.am .am-plaqueta{ font-family:"Barlow Condensed",Barlow,system-ui,sans-serif;text-transform:uppercase; font-weight:700;letter-spacing:.012em;line-height:1.04} .am p{line-height:1.6;max-width:68ch} /* ---- rebites: canto de placa parafusada ---- */ .am-rebites{position:relative} .am-rebites::before,.am-rebites::after{content:"";position:absolute;left:14px;right:14px;height:9px; background-image:radial-gradient(circle,var(--am-rebite) 0 2.4px,transparent 2.9px); background-repeat:no-repeat;background-size:9px 9px; background-position:left center,right center;pointer-events:none} .am-rebites::before{top:13px} .am-rebites::after{bottom:13px} /* ---- placa de aco ---- */ .am-placa{position:relative;background:linear-gradient(163deg,rgba(233,236,239,.80) 0%,rgba(207,211,215,.76) 38%,rgba(200,205,210,.78) 62%,rgba(198,202,206,.76) 100%);-webkit-backdrop-filter:blur(7px) saturate(1.06);backdrop-filter:blur(7px) saturate(1.06); border:1px solid #8E949A;box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 -1px 0 rgba(0,0,0,.14) inset,0 10px 22px -12px rgba(0,0,0,.42)} /* ---- botao retangular (nunca pill) ---- */ .am-btn{display:inline-block;padding:14px 26px;font-size:.95rem;letter-spacing:.06em; border:1px solid transparent;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease} .am-btn-p{background:var(--am-verde);color:#fff;border-color:#003C1E} .am-btn-p:hover,.am-btn-p:focus-visible{background:var(--am-verde-cl);color:#fff} .am-btn-s{background:transparent;color:var(--am-tinta);border-color:rgba(22,24,26,.5)} .am-btn-s:hover,.am-btn-s:focus-visible{background:rgba(22,24,26,.08);border-color:var(--am-tinta)} .am-btn-b{background:#fff;color:var(--am-verde);border-color:#fff} .am-btn-b:hover,.am-btn-b:focus-visible{background:var(--am-concreto);color:#00341A} .am a:focus-visible,.am button:focus-visible{outline:3px solid var(--am-amarelo);outline-offset:2px} /* ---- HERO ---- */ .am-hero{position:relative;padding:104px 20px 120px; background-image:linear-gradient(180deg,rgba(6,44,86,.46),rgba(6,44,86,.30) 45%,rgba(6,44,86,.52)),url('/novosite2026/wp-content/uploads/2026/08/hero-barragem-vertedouro.jpg'); background-size:cover;background-position:38% 50%} .am-hero-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr minmax(0,580px); gap:44px;align-items:center} .am-placa-h{padding:44px 46px} .am-hero-in>.am-placa{grid-column:2;grid-row:1} .am-hero-in>.am-selo{grid-column:1;grid-row:1;justify-self:center} .am-placa-h h1{font-size:clamp(2rem,4.1vw,3.4rem);margin:0 0 18px;color:var(--am-tinta);text-wrap:balance} .am-placa-h .am-reg{display:block;font-size:.62em;color:var(--am-verde);margin-bottom:6px} .am-placa-h p{margin:0 0 28px;color:#33383D;font-size:1.05rem} .am-acoes{display:flex;flex-wrap:wrap;gap:14px} .am-selo{position:relative;width:196px;height:196px; border-radius:50% 6px 50% 50%;transform:rotate(-45deg); display:grid;place-content:center;text-align:center; justify-self:start;color:var(--am-tinta); background: radial-gradient(ellipse 58% 42% at 30% 24%,rgba(255,255,255,.97),rgba(255,255,255,0) 62%), radial-gradient(ellipse 85% 80% at 66% 74%,rgba(6,44,86,.22),rgba(255,255,255,0) 66%), linear-gradient(138deg,rgba(255,255,255,.93),rgba(228,235,242,.87) 46%,rgba(176,193,209,.89)); -webkit-backdrop-filter:blur(4px) saturate(1.15);backdrop-filter:blur(4px) saturate(1.15); border:1px solid rgba(255,255,255,.8); box-shadow:inset 0 8px 16px rgba(255,255,255,.9), inset -10px -14px 26px rgba(6,44,86,.22), inset 6px 8px 14px rgba(255,255,255,.55), 0 20px 34px -16px rgba(6,44,86,.6)} .am-selo::before{content:"";position:absolute;top:15%;left:19%;width:32%;height:24%; border-radius:50%;pointer-events:none; background:radial-gradient(ellipse at 42% 40%,rgba(255,255,255,.98),rgba(255,255,255,0) 72%)} .am-selo::after{content:"";position:absolute;right:19%;bottom:17%;width:15%;height:11%; border-radius:50%;pointer-events:none; background:radial-gradient(ellipse,rgba(255,255,255,.72),rgba(255,255,255,0) 70%)} .am-selo-in{transform:rotate(45deg);display:block} .am-selo b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:3.5rem;line-height:.9} .am-selo span{display:block;font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;margin-top:8px;color:#3A4046} /* ---- PAINEL DE NUMEROS ---- */ .am-painel{background:linear-gradient(180deg,#1B1E21,#111417);border-top:3px solid var(--am-verde); border-bottom:1px solid #000;padding:34px 20px} .am-painel-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:2px} .am-mostr{padding:22px 14px;text-align:center;background:#15181B; box-shadow:0 1px 0 rgba(255,255,255,.05) inset} .am-num{display:block;font-size:clamp(1.9rem,3.2vw,2.9rem);color:#fff;line-height:1; font-variant-numeric:tabular-nums} .am-mostr:nth-child(3) .am-num{color:var(--am-amarelo)} .am-mostr small{display:block;margin-top:10px;font-size:.76rem;line-height:1.35;letter-spacing:.05em; text-transform:uppercase;color:#AEB6BE} /* ---- MIOLO: indice lateral + conteudo ---- */ .am-indice{display:flex;flex-direction:column;gap:10px} .am-indice h2{font-size:1.02rem;letter-spacing:.13em;color:#5A6067;margin:0 0 6px} .am-area{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;text-decoration:none;color:var(--am-tinta); background:linear-gradient(163deg,#EDEDEA,#DEDDD8);border:1px solid #B6B5AE; transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease} .am-area:hover,.am-area:focus-visible{transform:translateX(3px); box-shadow:0 6px 14px -8px rgba(0,0,0,.45)} .am-area .am-ico{width:26px;height:26px;flex:0 0 26px;color:var(--am-verde);margin-top:1px} .am-area b{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:1.06rem;letter-spacing:.02em} .am-area small{display:block;color:#585E64;font-size:.79rem;line-height:1.35;margin-top:3px} /* destaques (CFURH, Frente Parlamentar) usam o mesmo device do trilho: contorno estampado, nao tarja lateral colorida */ .am-area-d{outline:2px solid var(--am-amarelo);outline-offset:-2px; background:linear-gradient(163deg,#F6F4EC,#E9E5D8)} .am-area-d .am-ico{color:#6B4E00} .am-bloco{margin-bottom:60px} .am-bloco > h2{font-size:clamp(1.5rem,2.5vw,2.15rem);margin:0 0 22px;color:var(--am-navy); padding-bottom:11px;border-bottom:2px solid var(--am-navy)} /* ---- TRILHO DE CONQUISTAS ---- */ .am-trilho{background:var(--am-concreto);padding:76px 20px; background-image:linear-gradient(rgba(216,213,206,.9),rgba(216,213,206,.9)),url('/novosite2026/wp-content/uploads/2026/08/concreto-hero.png');background-size:cover} .am-trilho-in{max-width:1180px;margin:0 auto} .am-trilho-in > h2{font-size:clamp(1.6rem,2.7vw,2.3rem);text-align:center;margin:0 0 8px;color:var(--am-tinta)} .am-trilho-in > p{text-align:center;margin:0 auto 40px;color:#4A5057;max-width:60ch} .am-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative} .am-rail::before{content:"";position:absolute;top:52px;left:4%;right:4%;height:8px; background:linear-gradient(180deg,#D4D8DC,#9AA0A6 55%,#7C8288); box-shadow:0 1px 0 rgba(255,255,255,.6) inset;z-index:0} .am-marco{position:relative;z-index:1;padding:26px 20px 24px;text-align:center} .am-marco time{display:block;font-family:"Barlow Condensed",sans-serif;font-size:1.5rem;color:var(--am-verde); font-variant-numeric:tabular-nums} .am-marco b{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:1.28rem; margin:2px 0 12px;color:var(--am-tinta)} .am-marco p{font-size:.87rem;color:#43494F;margin:0;line-height:1.5;max-width:none} .am-marco-a{outline:3px solid var(--am-amarelo);outline-offset:-3px} .am-marco-a time{color:#7A5C00} /* ---- CTA ---- */ .am-cta{background:var(--am-navy);padding:74px 20px;text-align:center; border-top:3px solid var(--am-verde)} .am-cta h2{font-size:clamp(1.7rem,3vw,2.6rem);color:#fff;margin:0 0 14px} .am-cta p{color:#C6D2E2;margin:0 auto 28px;max-width:56ch} /* ---- RODAPE ---- */ .am-rod{background:var(--am-navy-esc);color:#C6D2E2;padding:60px 20px 0} .am-rod-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:34px} .am-rod h3{font-size:1rem;letter-spacing:.11em;color:#fff;margin:0 0 15px} .am-rod ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px} .am-rod a{color:#C6D2E2;text-decoration:none;font-size:.92rem} .am-rod a:hover,.am-rod a:focus-visible{color:#fff;text-decoration:underline} .am-rod p{font-size:.92rem;color:#AEBDD1;line-height:1.6} .am-rod-fim{max-width:1180px;margin:44px auto 0;padding:20px 0 26px;border-top:1px solid rgba(255,255,255,.14); display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.82rem;color:#94A6BD} /* ---- responsivo ---- */ @media(max-width:1024px){ .am-hero-in{grid-template-columns:1fr;gap:32px} /* a coluna some, mas a COLOCACAO explicita nao: sem este reset o `grid-column:2` da placa cria uma segunda coluna implicita e a Home desliza na horizontal (390px media 520px de documento). Medido em 18/08. */ .am-hero-in>.am-placa,.am-hero-in>.am-selo{grid-column:1;grid-row:auto} .am-selo{justify-self:start} .am-indice{position:static;display:grid;grid-template-columns:repeat(2,1fr)} .am-painel-in{grid-template-columns:repeat(3,1fr);gap:2px} .am-rail{grid-template-columns:repeat(2,1fr)} .am-rail::before{display:none} .am-rod-in{grid-template-columns:repeat(2,1fr)} } @media(max-width:680px){ .am-hero{padding:64px 18px 72px} .am-placa-h{padding:30px 24px} .am-indice{grid-template-columns:1fr} .am-painel-in{grid-template-columns:repeat(2,1fr)} .elementor-element-e978ae5 .elementor-posts{grid-template-columns:1fr} .am-rail{grid-template-columns:1fr} .am-rod-in{grid-template-columns:1fr} .am-acoes{flex-direction:column;align-items:stretch} .am-btn{text-align:center} } @media(prefers-reduced-motion:reduce){ .am *{transition:none!important;animation:none!important} } /* ---- NOTICIA EM DESTAQUE: texto ao lado da imagem ---- */ /* a skin classica empilha (imagem 35% no topo, texto embaixo) e sobra vao a direita. Aqui vira linha: imagem a esquerda, texto ocupando o resto. */ @media(min-width:768px){ .elementor-posts--skin-classic .elementor-post{ display:flex !important;flex-direction:row;align-items:center;gap:32px} .elementor-posts--skin-classic .elementor-post__thumbnail__link{ flex:0 0 44%;margin:0 !important;align-self:stretch;display:flex} .elementor-posts--skin-classic .elementor-post__thumbnail{width:100%} .elementor-posts--skin-classic .elementor-post__text{ flex:1 1 auto;margin:0 !important;padding:4px 8px 4px 0} .elementor-posts--skin-classic .elementor-post__title{margin-top:0} } /* ---- BLOCOS LATERAIS: agenda, biblioteca tecnica, multimidia ---- */ .am-side{display:flex;flex-direction:column;gap:30px;margin-top:30px} .am-sb-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px; border-bottom:2px solid var(--am-navy);padding-bottom:8px;margin-bottom:12px} .am-sb-h h2{font-size:1.04rem;letter-spacing:.1em;color:var(--am-navy);margin:0} .am-sb-h a{font-family:"Barlow Condensed",Barlow,sans-serif;text-transform:uppercase; font-size:.71rem;letter-spacing:.11em;font-weight:700;color:var(--am-verde); text-decoration:none;white-space:nowrap} .am-sb-h a:hover,.am-sb-h a:focus-visible{text-decoration:underline} /* agenda */ .am-ag{list-style:none;margin:0;padding:0} .am-ag li+li{border-top:1px solid #C9C7C0} .am-ag a{display:flex;gap:12px;align-items:flex-start;padding:13px 2px; text-decoration:none;color:var(--am-tinta)} .am-ag a:hover .am-ag-t b,.am-ag a:focus-visible .am-ag-t b{color:var(--am-verde)} .am-ag-d{flex:0 0 46px;height:46px;display:grid;place-content:center;text-align:center; background:var(--am-navy);color:#fff;line-height:1} .am-ag-d b{display:block;font-family:"Barlow Condensed",Barlow,sans-serif;font-size:1.45rem; font-variant-numeric:tabular-nums} .am-ag-d span{display:block;font-size:.59rem;letter-spacing:.11em;text-transform:uppercase; margin-top:3px;color:#BBD0EA} .am-ag-d .am-ico{width:21px;height:21px;color:#fff} .am-ag-t b{display:block;font-size:.855rem;line-height:1.36;font-weight:600} .am-ag-t small{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:.72rem;color:#5C6268} .am-ag-t small .am-ico{width:13px;height:13px;flex:0 0 13px;color:var(--am-verde)} /* biblioteca tecnica */ .am-bib{list-style:none;margin:0 0 14px;padding:0} .am-bib li+li{border-top:1px solid #C9C7C0} .am-bib a{display:flex;gap:11px;align-items:center;padding:11px 2px;font-size:.855rem; text-decoration:none;color:var(--am-tinta)} .am-bib a .am-ico{width:19px;height:19px;flex:0 0 19px;color:var(--am-verde)} .am-bib a:hover,.am-bib a:focus-visible{color:var(--am-verde)} .am-btn-sm{padding:12px 18px;font-size:.79rem;width:100%;text-align:center} /* multimidia: unica excecao de fundo escuro fora de hero/numeros/cta/rodape. o navy aqui le como tela/monitor, que e o proprio assunto do bloco. */ .am-mm{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;text-decoration:none; background:var(--am-navy);border:1px solid var(--am-navy-esc);color:#fff; transition:background-color .16s ease} .am-mm+.am-mm{margin-top:10px} .am-mm:hover,.am-mm:focus-visible{background:#0A3B71} .am-mm .am-ico{width:26px;height:26px;flex:0 0 26px;color:var(--am-amarelo);margin-top:2px} .am-mm em{display:block;font-family:"Barlow Condensed",Barlow,sans-serif;font-style:normal; text-transform:uppercase;font-size:.69rem;letter-spacing:.15em;color:#8FB3DA} .am-mm b{display:block;font-family:"Barlow Condensed",Barlow,sans-serif;text-transform:uppercase; font-size:1.04rem;line-height:1.12;margin:3px 0 5px} .am-mm small{display:block;font-size:.755rem;line-height:1.42;color:#C6D2E2} .am-mm-yt{display:block;margin-top:10px;padding:9px 2px;font-family:"Barlow Condensed",Barlow,sans-serif; text-transform:uppercase;font-size:.75rem;letter-spacing:.09em;font-weight:700; color:var(--am-verde);text-decoration:none;border-top:1px solid #C9C7C0} .am-mm-yt:hover,.am-mm-yt:focus-visible{text-decoration:underline} /* paginacao das noticias: vinha na cor do tema (rosa) fora da paleta. mira o id do widget porque _css_classes nao vira atributo no DOM do Elementor. */ .elementor-element-e978ae5 .elementor-pagination{margin-top:28px;display:flex;gap:18px; justify-content:center;font-family:"Barlow Condensed",Barlow,sans-serif;text-transform:uppercase; letter-spacing:.09em;font-size:.83rem;font-weight:700} .elementor-element-e978ae5 .elementor-pagination a, .elementor-element-e978ae5 .elementor-pagination a.page-numbers{color:var(--am-verde); text-decoration:none} .elementor-element-e978ae5 .elementor-pagination a:hover, .elementor-element-e978ae5 .elementor-pagination a:focus-visible{text-decoration:underline} /* #8A9098 media 2,87:1 sobre o fundo #f4f2ed da secao -- falha WCAG AA (achado na auditoria da Fase 6, 14/09). #4A5057 (mesmo cinza ja usado no excerto do arquivo de categoria) da ~7,3:1, mantendo mais apagado que o link ativo em --am-verde. */ .elementor-element-e978ae5 .elementor-pagination span.page-numbers{color:#4A5057} /* redes sociais no rodape */ .am-rod-social{display:flex;gap:10px;margin-top:18px} .am-rod-social a{display:grid;place-content:center;width:40px;height:40px;color:#C6D2E2; border:1px solid rgba(198,210,226,.32);transition:background-color .16s ease,color .16s ease, border-color .16s ease} .am-rod-social a:hover,.am-rod-social a:focus-visible{background:var(--am-verde);color:#fff; border-color:var(--am-verde)} .am-rod-social svg{width:20px;height:20px} @media(max-width:1024px){ .am-side{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:30px} } @media(max-width:680px){ .am-side{grid-template-columns:1fr} } /* ---- Paginas internas de area de atuacao (as 5 areas, e as duas em retrofit) ---- Na Home cada bloco vive dentro de um container do Elementor que ja da a margem lateral. Na interna o widget HTML e section solta no body: sem estas regras o texto encosta na borda da tela. Por isso o max-width mora aqui, nao la. */ .am-hero-int{padding:64px 20px 72px} .am-placa-h .am-chapeu{display:block;font-family:"Barlow Condensed",sans-serif; text-transform:uppercase;letter-spacing:.12em;font-size:.9rem; color:var(--am-verde);margin-bottom:8px} /* margin-bottom:0 anula os 60px que `.am-bloco` ja aplica: somados ao padding daqui, davam 116px de vao morto entre dois blocos de texto seguidos. */ .am-texto,.am-rel{max-width:1180px;margin:0 auto 0;padding:56px 20px} .am-texto p{margin:0 0 18px;max-width:72ch;font-size:1.06rem;line-height:1.65;color:#33383D} .am-texto .am-acoes{margin-top:26px} /* auto-fit e nao repeat(3): a area que tiver 2 ou 4 marcos nao abre buraco na grade */ .am-marcos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px} .am-lks{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2px} .am-lk{display:block;padding:18px 20px;background:#fff; border:1px solid var(--am-linha,#D9DCE1);text-decoration:none; transition:border-color .18s ease,transform .18s ease} .am-lk:hover,.am-lk:focus-visible{border-color:var(--am-verde);transform:translateX(3px)} .am-lk time,.am-lk .am-rot{display:block;font-family:"Barlow Condensed",sans-serif;font-size:.86rem; letter-spacing:.08em;color:var(--am-verde);font-variant-numeric:tabular-nums} .am-lk b{display:block;margin-top:5px;font-size:1rem;line-height:1.35;color:var(--am-tinta)} @media(max-width:680px){ .am-texto,.am-rel{padding:40px 18px} .am-hero-int{padding:44px 18px 48px} } /* ---- Blocos das duas paginas-destaque (CFURH e Frente Parlamentar) ---- */ .am-cit{border-left:4px solid var(--am-verde);padding:4px 0 4px 22px;margin:0 0 28px;max-width:72ch} .am-cit p{font-size:1.12rem;line-height:1.55;margin:0 0 10px;color:#26292C} .am-cit cite{display:block;font-style:normal;font-family:"Barlow Condensed",sans-serif; text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;color:var(--am-verde)} .am-cit cite small{display:block;text-transform:none;letter-spacing:0; font-family:Barlow,sans-serif;font-size:.85rem;color:#585E64;margin-top:2px} .am-eixos{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:18px} .am-eixo{padding:24px 22px} .am-eixo b{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; font-size:1.16rem;letter-spacing:.02em;color:var(--am-navy);margin-bottom:8px} .am-eixo p{margin:0;font-size:.95rem;line-height:1.55;color:#33383D;max-width:none} /* aviso de conteudo pendente: some da pagina no dia em que o material chegar. Fica visivel de proposito — pagina em draft, e a equipe precisa ver o que falta. */ .am-pend{border:1px dashed #B6B5AE;background:#F7F6F3;padding:18px 20px;margin:0 0 16px;max-width:72ch} .am-pend b{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; letter-spacing:.08em;font-size:.85rem;color:#7A6000;margin-bottom:5px} .am-pend p{margin:0;font-size:.92rem;line-height:1.5;color:#4A5057;max-width:none} /* ---- Conteudo classico (paginas antigas do Divi, ainda nao reconstruidas) ---- Os modulos de equipe do Divi guardam nome e cargo em atributo; o tema converte em `.am-membro` para o conteudo nao sumir junto com o shortcode. */ .am-membro{display:inline-block;vertical-align:top;width:220px;margin:0 12px 22px 0; padding:16px;background:linear-gradient(163deg,#EDEDEA,#DEDDD8);border:1px solid #B6B5AE; text-align:center} .am-membro img{display:block;width:96px;height:96px;object-fit:cover;margin:0 auto 12px; border:1px solid #B6B5AE} .am-membro b{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; font-size:1.02rem;line-height:1.15;color:var(--am-navy)} .am-membro span{display:block;margin-top:5px;font-size:.76rem;letter-spacing:.06em; text-transform:uppercase;color:var(--am-verde)} @media(max-width:680px){.am-membro{width:calc(50% - 12px);margin-right:8px}} /* ---- Biblioteca Tecnica ---- */ .am-bloco > h2 small{font-family:Barlow,sans-serif;font-size:.62em;color:var(--am-verde); letter-spacing:.04em;margin-left:8px;text-transform:none} .am-sub{margin:-12px 0 22px;color:#585E64;font-size:.95rem} /* [FLIVE IA 13/10/2026] o -12px e para encostar no

; depois de uma grade ele sobe por cima dos cartoes */ .am-docs + .am-sub{margin-top:14px} .am-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2px} .am-doc{display:flex;gap:14px;align-items:flex-start;padding:15px 18px;background:#fff; border:1px solid var(--am-linha,#D9DCE1);text-decoration:none; transition:border-color .18s ease,transform .18s ease} .am-doc:hover,.am-doc:focus-visible{border-color:var(--am-verde);transform:translateX(3px)} .am-doc-ico{flex:0 0 auto;align-self:center;padding:5px 8px;background:var(--am-navy);color:#fff; font-family:"Barlow Condensed",sans-serif;font-size:.72rem;letter-spacing:.09em} .am-doc b{display:block;font-size:.98rem;line-height:1.35;color:var(--am-tinta)} .am-doc time{display:block;margin-top:4px;font-family:"Barlow Condensed",sans-serif; font-size:.82rem;letter-spacing:.06em;color:var(--am-verde);font-variant-numeric:tabular-nums} /* leitor: o visualizador nativo do navegador ja pagina o PDF dentro do site */ .am-leitor{border:1px solid #B6B5AE;background:var(--am-off)} .am-leitor iframe{display:block;width:100%;height:min(78vh,760px);border:0} .am-leitor-pe{display:flex;flex-wrap:wrap;gap:14px;align-items:center; justify-content:space-between;padding:16px 18px;border-top:1px solid #B6B5AE} .am-leitor-pe b{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; font-size:1.05rem;color:var(--am-navy)} @media(max-width:680px){.am-leitor iframe{height:60vh}} /* ---- Galeria de Fotos ---- Cada post da categoria e um ALBUM (um evento, varias fotos), nao uma foto solta: por isso card com capa + contagem, e nao mosaico. Sao 145 albuns / 1.234 fotos — o peso mora nas capas, resolvido por srcset+lazy do proprio WordPress (ver build-galeria.php). */ .am-anos{display:flex;flex-wrap:wrap;gap:2px;margin:-8px 0 26px} .am-ano-lk{padding:7px 13px;background:#fff;border:1px solid var(--am-linha,#D9DCE1); font-family:"Barlow Condensed",sans-serif;font-size:.92rem;letter-spacing:.07em; color:var(--am-navy);text-decoration:none;font-variant-numeric:tabular-nums; transition:border-color .18s ease,color .18s ease} .am-ano-lk:hover,.am-ano-lk:focus-visible{border-color:var(--am-verde);color:var(--am-verde)} .am-ano-lk b{margin-left:7px;font-size:.82em;color:var(--am-verde)} .am-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:2px} .am-alb{display:flex;flex-direction:column;background:#fff;text-decoration:none; border:1px solid var(--am-linha,#D9DCE1); transition:border-color .18s ease,transform .18s ease} .am-alb:hover,.am-alb:focus-visible{border-color:var(--am-verde);transform:translateY(-3px)} .am-alb-capa{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--am-off,#EDEDE8)} .am-alb-capa img{width:100%;height:100%;object-fit:cover;display:block} /* album sem capa cadastrada: placa vazia, nunca um card quebrado */ .am-alb-capa.vazia::after{content:"AMUSUH";position:absolute;inset:0;display:flex; align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif; letter-spacing:.18em;color:#B6B5AE;font-size:1.1rem} .am-alb-n{position:absolute;left:0;bottom:0;padding:4px 10px;background:var(--am-navy);color:#fff; font-family:"Barlow Condensed",sans-serif;font-size:.78rem;letter-spacing:.08em} .am-alb-txt{padding:13px 15px 16px} .am-alb b{display:block;font-size:.95rem;line-height:1.35;color:var(--am-tinta)} .am-alb time{display:block;margin-top:6px;font-family:"Barlow Condensed",sans-serif; font-size:.82rem;letter-spacing:.06em;color:var(--am-verde);font-variant-numeric:tabular-nums} @media(max-width:680px){.am-galeria{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}} /* ---- linha do tempo clicavel (feedback AMUSUH 15/08) ---- O card era
. Virou , entao precisa desfazer o estilo padrao de link e devolver o alvo de foco — sem :focus-visible o card fica inalcancavel por teclado. */ .am-marco-lk{display:block;text-decoration:none;color:inherit;cursor:pointer; transition:transform .18s ease,box-shadow .18s ease} .am-marco-lk:hover,.am-marco-lk:focus-visible{transform:translateY(-3px); box-shadow:0 12px 26px rgba(6,44,86,.20)} .am-marco-lk:focus-visible{outline:3px solid var(--am-amarelo);outline-offset:3px} .am-marco-lk b{transition:color .18s ease} .am-marco-lk:hover b{color:var(--am-verde)} .am-marco-lk .am-mais{display:block;margin-top:12px;font-family:"Barlow Condensed",sans-serif; font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;color:var(--am-verde); font-weight:700} .am-marco-lk:hover .am-mais{color:var(--am-navy)} /* o card de destaque ja usa outline amarelo: no foco ele precisa mudar, senao some */ .am-marco-a.am-marco-lk:focus-visible{outline-color:var(--am-navy)} /* retrato da presidencia — o slot ja fica pronto; entra quando a AMUSUH mandar as fotos */ .am-marco figure{margin:0 0 14px} .am-marco figure img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 28%; display:block;border:2px solid #fff;box-shadow:0 2px 9px rgba(6,44,86,.20);background:#DAE0F0} /* a ancora nao pode parar colada no topo da janela */ .am-marcos>article[id]{scroll-margin-top:26px} /* ---- PAGINAS INSTITUCIONAIS (Quem Somos, Diretoria, Palavra do Presidente, Equipe Tecnica, Galeria dos Presidentes) ---- Dois componentes cobrem as cinco paginas: `.am-pessoa` cartao compacto — so nome/cargo/municipio, usado nos 38 da diretoria; `.am-perfil` linha com foto ao lado do texto — usado onde ha bio ou depoimento, porque bio longa dentro de cartao estreito vira coluna de uma palavra. O depoimento dos ex-presidentes reusa `.am-cit`, que ja existe. */ /* -- cartao compacto: grade de pessoas -- */ .am-pessoas{display:grid;grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:2px} .am-pessoa{display:flex;flex-direction:column;background:#fff; border:1px solid var(--am-linha,#D9DCE1)} .am-pessoa-foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--am-off,#EDEDE8)} .am-pessoa-foto img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block} /* sem retrato cadastrado: placa vazia, nunca um cartao quebrado (mesma regra da galeria) */ .am-pessoa-foto.vazia::after{content:"AMUSUH";position:absolute;inset:0;display:flex; align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif; letter-spacing:.18em;color:#B6B5AE;font-size:1rem} .am-pessoa-txt{padding:13px 15px 16px} .am-pessoa .am-mun{display:block;font-size:.76rem;line-height:1.3;color:#585E64} .am-pessoa b{display:block;margin-top:5px;font-family:"Barlow Condensed",sans-serif; text-transform:uppercase;font-size:1.02rem;line-height:1.15;color:var(--am-navy)} .am-pessoa .am-cargo{display:block;margin-top:7px;padding-top:7px; border-top:1px solid var(--am-linha,#D9DCE1);font-family:"Barlow Condensed",sans-serif; text-transform:uppercase;font-size:.78rem;letter-spacing:.07em;color:var(--am-verde)} /* -- linha: foto ao lado do texto -- */ .am-perfis{display:flex;flex-direction:column;gap:2px} .am-perfil{display:grid;grid-template-columns:196px 1fr;gap:26px;padding:26px 28px; background:#fff;border:1px solid var(--am-linha,#D9DCE1)} .am-perfil-foto{position:relative;aspect-ratio:4/5;overflow:hidden; background:var(--am-off,#EDEDE8);border:1px solid var(--am-linha,#D9DCE1)} .am-perfil-foto img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block} .am-perfil-foto.vazia::after{content:"AMUSUH";position:absolute;inset:0;display:flex; align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif; letter-spacing:.18em;color:#B6B5AE;font-size:1rem} .am-perfil .am-mun{display:block;font-size:.84rem;color:#585E64} .am-perfil h3{margin:4px 0 0;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; font-weight:700;font-size:1.42rem;line-height:1.1;letter-spacing:.012em;color:var(--am-navy)} .am-perfil h3 span{font-size:.62em;color:#585E64;letter-spacing:.04em} .am-perfil .am-cargo{display:block;margin-top:6px;font-family:"Barlow Condensed",sans-serif; text-transform:uppercase;font-size:.86rem;letter-spacing:.08em;color:var(--am-verde)} .am-perfil p{margin:14px 0 0;font-size:.95rem;line-height:1.6;color:#33383D;max-width:72ch} /* titulo do depoimento: fica FORA da barra verde da citacao, senao le como fala do proprio ex-presidente. Serve de entrada para o bloco, na mesma familia condensada dos h3. */ .am-depo-t{margin:16px 0 0;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; font-weight:700;font-size:1.02rem;letter-spacing:.05em;line-height:1.2;color:var(--am-tinta)} /* o depoimento ja entra dentro de .am-cit; sem isto ele herda a margem de bloco solto */ .am-perfil .am-cit{margin:12px 0 0} .am-perfil .am-cit p{margin:0 0 10px;font-size:1rem;line-height:1.55} /* -- figura de apoio no texto corrido -- */ .am-fig{margin:0 0 34px} .am-fig img{display:block;width:100%;height:auto;border:1px solid #B6B5AE} .am-fig figcaption{margin-top:8px;font-size:.82rem;color:#585E64} @media(max-width:680px){ .am-pessoas{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))} .am-pessoa-txt{padding:11px 12px 13px} /* foto de 196px numa tela de 360 nao sobra largura pra bio: empilha */ .am-perfil{grid-template-columns:1fr;gap:18px;padding:20px 18px} .am-perfil-foto{max-width:180px} } /* ---- LINHA DO TEMPO (plugin post-timeline, /nossa-historia/) ---- A paleta da timeline mora nas OPCOES do plugin, nao aqui: todo hex do CSS dele e `var(--ptl-algo, #2BA362)` e as variaveis saem do banco — ver site/scripts/padronizar-linha-do-tempo.py. A lista de anos e a excecao: o plugin so colore `a:hover` e `a.active:after`, entao em repouso os 27 anos caem no link azul do Bootstrap que ele embute (#007bff). Nao ha opcao para isso no painel; e o unico ponto que precisa de regra no tema. Verde porque e a mesma navegacao das setas (--ptl-nav). O ano atual ja se distingue por font-weight:700, entao uma cor basta — nao precisa de par repouso/ativo. */ .ptl-cont .ptl-yr-list li a{color:var(--am-verde)} /* A navegacao por ano e `position:absolute` a direita do conteudo, num offset de desktop que o plugin calcula por JS e nunca revisa: em 768px ela cai fora da tela e a pagina inteira desliza na horizontal (550px de documento numa viewport de 390). Cabe ate 1024px. Abaixo disso ela vira faixa rolavel no topo. O `.ptl-nav-wrapper` ja e o primeiro filho do container, entao basta tirar o posicionamento absoluto — nao precisa reordenar nada. Os !important existem porque o JS grava `position`/`top`/`transform` no nav e `height` no view como estilo inline, e reescreve isso a cada scroll. */ @media(max-width:1023px){ .ptl-cont .yr_list{position:sticky!important;top:0;z-index:5; width:auto!important;height:auto!important; transform:none!important;left:auto!important;margin:0 0 26px; background:#fff;border-bottom:2px solid var(--am-navy)} /* o plugin traz `.ptl-cont .ptl-nav-N .yr_list .yr_list-view{overflow:hidden}` (0,4,0): sem !important a faixa fica rolavel por dentro e o dedo nao alcanca os anos escondidos */ .ptl-cont .yr_list-view{width:auto!important;height:auto!important; overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch} /* o `ul` nao guarda os
  • direto: sao 7 `div.ptl-yr-list` no meio, cada um com ~4 anos. Sem flex nos dois niveis o que fica lado a lado sao os GRUPOS, e cada grupo segue empilhando seus anos na vertical — a faixa saia com 437px de altura. */ .ptl-cont .yr_list-inner{position:static!important;top:auto!important; width:auto!important;height:auto!important; display:flex;gap:2px;margin:0;padding:0} .ptl-cont .ptl-yr-list{display:flex;gap:2px} .ptl-cont .yr_list-inner li{width:auto!important;height:auto!important;flex:0 0 auto} /* as setas so rolam a lista na vertical, por JS. Numa faixa horizontal quem rola e o dedo. !important porque o plugin as declara em `.ptl-cont .ptl-nav-N .yr_list .btn-top` (0,4,0) */ .ptl-cont .yr_list .btn-top,.ptl-cont .yr_list .btn-bottom{display:none!important} } /* ---- acervo convertido do Divi (18/08/2026) ---- As paginas antigas do Divi Builder tinham modulo de video, separador e sanfona. O conversor (`site/scripts/converter-divi-orfaos.py`) traduz cada um para a marcacao daqui; sao os 3 componentes que faltavam no design system. */ /* aspect-ratio em vez do truque do padding-top: o iframe do YouTube nao tem dimensao intrinseca, e sem isto ele renderiza 150px de altura no Chrome */ .am-video{position:relative;aspect-ratio:16/9;margin:0 0 28px;max-width:840px; border:1px solid #B6B5AE;background:#0B0D0F} .am-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block} .am-hr{border:0;border-top:3px solid var(--am-verde);max-width:120px;margin:34px 0} .am-acord{border:1px solid #B6B5AE;background:#fff;margin:0 0 2px;max-width:72ch} .am-acord summary{cursor:pointer;padding:15px 18px;list-style:none; font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em; font-size:1rem;color:var(--am-navy);display:flex;justify-content:space-between;gap:12px} .am-acord summary::-webkit-details-marker{display:none} /* o marcador e conteudo gerado, entao vira o unico sinal de estado: sem ele a sanfona fechada parece um titulo comum e ninguem descobre que abre */ .am-acord summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--am-verde)} .am-acord[open] summary::after{content:"–"} .am-acord summary:hover,.am-acord summary:focus-visible{background:var(--am-concreto,#EDEDE8)} .am-acord>*:not(summary){padding:0 18px 16px} .am-acord p{margin:0 0 14px;font-size:1rem;line-height:1.6;color:#33383D} /* nota do bloco Agenda na lateral da Home: aparece so quando NAO ha evento futuro. Sem ela, "Agenda" encabecando um encontro de 2024 le como agenda desatualizada. */ .am-sb-nota{margin:0 0 10px;font-size:.78rem;line-height:1.45;color:#5C6268} /* ---- auto-link da CFURH (decisao 43:53) ---------------------------------------------- * NAO fica sob `.am`, de proposito: este link nasce dentro do `the_content` de noticia, que * e HTML do acervo e nunca esteve embrulhado na marcacao `.am-*`. Escopar em `.am` deixaria * a regra sem alcance nas 310 materias que citam a sigla. * Sublinhado com deslocamento em vez de cor sozinha: a WCAG 1.4.1 nao aceita cor como unico * indicador de link dentro de bloco de texto corrido. */ a.am-lk-cfurh{color:var(--am-verde,#004F27);text-decoration:underline; text-decoration-thickness:1px;text-underline-offset:2px;font-weight:600} a.am-lk-cfurh:hover,a.am-lk-cfurh:focus-visible{color:var(--am-verde-cl,#0A6B37); text-decoration-thickness:2px} a.am-lk-cfurh:focus-visible{outline:3px solid var(--am-amarelo,#F2B705);outline-offset:2px} /* ---- legenda de video/depoimento (Evento Municipalista 2024, 10287) ------------------ * Achado em 11/09: os titulos vinham em `

    `, * markup interno do PROPRIO YouTube colado sem querer -- sem CSS pra essas classes o * navegador cai no h1 padrao, e a pagina tinha 11

    (deveria ter 1). Corrigido para *

    por `corrigir-evento-municipalista-2024.py`; falta so o estilo. */ .am-video-cap{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; letter-spacing:.02em;font-size:1.15rem;line-height:1.3;color:var(--am-navy); margin:0 0 10px;padding-left:14px;border-left:4px solid var(--am-verde);max-width:840px} /* ---- 14/09: pagina inteira reestruturada em secoes .am-bloco (redesenhar-evento- * municipalista-2024.py) -- vivia solta em post_content sem nenhum wrapper, por isso * nao herdava nem o max-width nem o ritmo de espaco do resto do site. */ .am-intro{max-width:1180px;margin:0 auto;padding:48px 20px 0} .am-intro h1{font-size:clamp(1.8rem,3.2vw,2.6rem);margin:22px 0 8px;color:var(--am-navy); padding-bottom:13px;border-bottom:2px solid var(--am-navy)} .am-intro .am-data{margin:0 0 22px;font-size:.95rem;color:#585E64} .am-fig-par{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px} .am-fig-par .am-fig{margin:0} @media (max-width:640px){.am-fig-par{grid-template-columns:1fr}} /* nav de ancoras no topo da pagina -- os 4 links existiam antes mas sem destino * (nenhum id="materias"/"palestras"/etc. na pagina); corrigido junto com o visual. */ .am-quicknav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px} .am-quicknav a{display:inline-block;padding:9px 18px;border:1px solid var(--am-navy); color:var(--am-navy);text-decoration:none;font-family:"Barlow Condensed",sans-serif; text-transform:uppercase;letter-spacing:.05em;font-size:.88rem; transition:background-color .18s ease,color .18s ease} .am-quicknav a:hover,.am-quicknav a:focus-visible{background:var(--am-navy);color:#fff} /* ---- arquivo padrao do WordPress (categoria, tag, busca) ----------------------------- * O Hello Elementor entrega so markup cru (.post/.entry-title/.wp-post-image), sem * nenhum estilo -- por isso `/category/noticias/` parecia "crua" perto do resto do site, * que e todo widget HTML com marcacao `.am-*`. Nao ha pagina PHP de arquivo no tema * (so functions.php), entao o ajuste e so CSS sobre o que o WordPress ja gera. */ /* body.archive: sem isso o cartao "placa de aco" (cinza claro) fica sobre fundo branco puro do WordPress e some -- em toda outra pagina do site a placa esta sobre fundo escuro/foto (.am-hero) ou concreto (.am-trilho), nunca branco puro. Mesmo tom de concreto ja usado em .am-trilho, so pra dar contraste real. */ body.archive{background:var(--am-concreto)} .page-header{max-width:1180px;margin:0 auto;padding:44px 20px 0} .page-header .entry-title{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; color:var(--am-navy);font-size:clamp(1.5rem,2.5vw,2.15rem); border-bottom:2px solid var(--am-navy);padding-bottom:11px;margin:0} .page-content{max-width:1180px;margin:0 auto;padding:30px 20px 60px} /* [FLIVE IA 01/10/2026] A grade de cartoes vale SO para listagem. Ate hoje ela estava em `.page-content` puro -- e o Hello Elementor usa essa mesma classe no corpo de todo post e de toda pagina avulsa: 941 conteudos publicados saiam com os paragrafos espalhados em 3 colunas (a AMUSUH viu na materia da Frente Parlamentar e no Estudo dos Tributaristas). */ body.archive .page-content,body.search .page-content,body.blog .page-content{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px} /* mesma "placa de aco rebitada" usada no resto do portal (.am-placa + .am-rebites), reaplicada aqui sem depender de mudar o markup do loop -- o tema nao tem archive.php pra acrescentar classe nenhuma no
    . */ .page-content article.post{position:relative;z-index:1;overflow:hidden; background:linear-gradient(163deg,rgba(233,236,239,.92) 0%,rgba(207,211,215,.90) 38%, rgba(200,205,210,.92) 62%,rgba(198,202,206,.90) 100%); border:1px solid #8E949A; box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 -1px 0 rgba(0,0,0,.14) inset, 0 10px 22px -12px rgba(0,0,0,.42); display:flex;flex-direction:column} .page-content article.post::before,.page-content article.post::after{content:""; position:absolute;left:14px;right:14px;height:9px; background-image:radial-gradient(circle,var(--am-rebite) 0 2.4px,transparent 2.9px); background-repeat:no-repeat;background-size:9px 9px; background-position:left center,right center;pointer-events:none} .page-content article.post::before{top:13px} .page-content article.post::after{bottom:13px} .page-content article.post img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block} .page-content article.post .entry-title{margin:0;padding:16px 18px 0;font-size:1.08rem; line-height:1.35;font-family:Barlow,"Source Sans 3",system-ui,sans-serif; text-transform:none;letter-spacing:normal} .page-content article.post .entry-title a{color:var(--am-navy);text-decoration:none} .page-content article.post .entry-title a:hover, .page-content article.post .entry-title a:focus-visible{color:var(--am-verde)} .page-content article.post>p{margin:10px 18px 20px;font-size:.92rem;line-height:1.55; color:#4A5057} .pagination{max-width:1180px;margin:0 auto;padding:0 20px 60px;display:flex; justify-content:space-between;gap:16px} .pagination a{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; letter-spacing:.04em;color:var(--am-verde);text-decoration:none} .pagination a:hover,.pagination a:focus-visible{color:var(--am-verde-cl,#0A6B37); text-decoration:underline} /* ---- contraste do widget "Posts" do Elementor (achado na auditoria WCAG da Fase 6, 14/09) -- nunca foi customizado, herda a cor padrao do Elementor/Hello Elementor: #61ce70 sobre branco da 1,98:1, bem abaixo do minimo 4,5:1 do WCAG AA. Troca pra --am-verde, ja usado no resto do site e com ~9,8:1 de contraste sobre branco. */ .elementor-post__read-more{color:var(--am-verde)!important} .elementor-post__read-more:hover,.elementor-post__read-more:focus-visible{ color:var(--am-verde-cl)!important;text-decoration:underline} /* mesmo achado: o excerto do widget "Posts" tambem herda cor padrao do Elementor (#777777, 4,47:1 -- falha por pouco). Reaproveita o mesmo cinza ja usado no excerto do arquivo de categoria (.page-content article.post>p), que passa com folga. */ .elementor-post__excerpt p{color:#4A5057!important} /* ---- Fase 5 (17/09): formulario padrao e pagina de evento -------------------------------- * O formulario e o widget nativo do Elementor Pro (grava no banco + e-mail); o VISUAL vem * daqui, porque o design system mora no tema. `body` abre cada seletor do formulario: o CSS * que o Elementor gera por widget chega a (0,4,0) e, no arquivo combinado do LiteSpeed, a * ORDEM nao e confiavel -- a especificidade e. Botao = .am-btn-p (retangular, nunca pill). */ .single-evento .page-content{display:block;max-width:none;padding:0} div.am-lk b a{color:var(--am-verde)} .am-ev + .am-form-sec{padding-top:0} .am-ev-quando{margin:0 0 18px} .am-ev-quando time{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase; letter-spacing:.03em;font-size:1.35rem;color:var(--am-verde)} .am-ev-quando span{display:block;margin-top:4px;color:#4A5057} /* cartaz de evento costuma ser retrato: a 760px ocupava uma tela e escondia a inscricao */ .am-ev-capa{display:block;width:100%;max-width:420px;height:auto;margin:6px 0 22px;border:1px solid var(--am-linha)} .am-ev-passou{max-width:72ch;margin:0;padding:12px 16px;border-left:3px solid var(--am-aco3);background:var(--am-off)} .am-ev-passou a{color:var(--am-verde)} body .am-form-sec .elementor-form{max-width:760px} /* aviso da inscricao (texto da AMUSUH, 18/09): amarelo da marca = "leia antes", nao .am-pend, que no site significa "conteudo pendente" */ .am-form-aviso{max-width:72ch;margin:0 0 22px;padding:14px 16px;background:var(--am-off); border-left:4px solid var(--am-amarelo);font-size:1rem;line-height:1.55;color:var(--am-tinta)} body .am-form-sec .elementor-form .elementor-field-group>label.elementor-field-label{ font-family:Barlow,"Source Sans 3",system-ui,sans-serif;font-weight:600;font-size:.92rem; color:var(--am-tinta);margin-bottom:6px} body .am-form-sec .elementor-form .elementor-field-group .elementor-field-textual, body .am-form-sec .elementor-form .elementor-field-group .elementor-select-wrapper select{ font-family:Barlow,"Source Sans 3",system-ui,sans-serif;font-size:1rem;line-height:1.4; color:var(--am-tinta);background-color:#fff;border:1px solid var(--am-aco3);border-radius:0; padding:11px 12px;min-height:46px} body .am-form-sec .elementor-form .elementor-field-group .elementor-field-textual:focus, body .am-form-sec .elementor-form .elementor-field-group .elementor-select-wrapper select:focus{ border-color:var(--am-verde);outline:3px solid var(--am-amarelo);outline-offset:1px;box-shadow:none} body .am-form-sec .elementor-form .elementor-field-type-acceptance label{ font-family:Barlow,"Source Sans 3",system-ui,sans-serif;font-size:.92rem;color:#33383D} body .am-form-sec .elementor-form .elementor-field-type-submit .elementor-button{ font-family:"Barlow Condensed",Barlow,system-ui,sans-serif;text-transform:uppercase; letter-spacing:.06em;font-size:.95rem;min-height:48px;padding:14px 26px;border-radius:0; background-color:var(--am-verde);color:#fff;border:1px solid #003C1E} body .am-form-sec .elementor-form .elementor-field-type-submit .elementor-button:hover, body .am-form-sec .elementor-form .elementor-field-type-submit .elementor-button:focus-visible{ background-color:var(--am-verde-cl);color:#fff} body .am-form-sec .elementor-form .elementor-field-type-submit .elementor-button:focus-visible{ outline:3px solid var(--am-amarelo);outline-offset:2px} body .am-form-sec .elementor-message{font-size:1rem;margin-top:14px} body .am-form-sec .elementor-message.elementor-message-success{color:var(--am-verde)} body .am-form-sec .elementor-message.elementor-message-danger{color:#A11A1A} /* ---- [FLIVE IA 01/10/2026] revisao da comunicacao da AMUSUH (29/09) ------------------- */ /* Post e pagina avulsa (corpo cru do WordPress): uma coluna de leitura, na paleta do portal. Sem isto o link herda o rosa #c36 do Hello Elementor -- o "rosa" que a AMUSUH pediu para trocar. `:where()` zera a especificidade: qualquer componente .am-* continua mandando. */ body.single-post .page-header,body.single-post .page-content{max-width:860px} :where(.page-content) a{color:var(--am-verde)} :where(.page-content) a:hover,:where(.page-content) a:focus-visible{color:var(--am-navy)} .page-content > :where(p,ul,ol,blockquote,details){ max-width:78ch;font-size:1.06rem;line-height:1.7;color:#33383D} .page-content > :where(h1,h2,h3,h4){ font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--am-navy); line-height:1.15;margin:1.6em 0 .55em;max-width:30em} .page-content > :where(h1,h2){font-size:clamp(1.45rem,2.4vw,2rem)} .page-content > :where(h3){font-size:1.3rem} .page-content > :where(h4){font-size:1.08rem;letter-spacing:.04em} :where(.page-content) :where(img,iframe,video){max-width:100%} :where(.page-content) :where(img){height:auto} :where(.page-content) :where(.wp-caption){max-width:100%;margin:26px 0} :where(.page-content) :where(.wp-caption-text,figcaption){font-size:.86rem;color:#5A6067;margin-top:8px} /* Painel de numeros em destaque (Quem Somos): 4 mostradores ocupando a largura, numero maior. A contagem animada e a mesma da Home (functions.php, .am-num). */ .am-painel-g{padding-block:26px} .am-painel-t{color:#fff;text-align:center;font-size:clamp(1.5rem,2.5vw,2.15rem);margin:22px 20px 30px} .am-painel-g .am-painel-in{grid-template-columns:repeat(4,1fr)} .am-painel-g .am-mostr{padding:40px 18px 36px} .am-painel-g .am-num{font-size:clamp(2.9rem,5.6vw,4.7rem)} .am-painel-g .am-mostr small{font-size:.93rem;margin-top:16px;max-width:22ch;margin-inline:auto} @media(max-width:1024px){.am-painel-g .am-painel-in{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.am-painel-g .am-painel-in{grid-template-columns:1fr}} /* Presidencias: o NOME e o destaque, o ano fica pequeno abaixo dele (pedido da AMUSUH: "nao queremos destacar os anos"). Vale onde o