/* Blogue sobre a Associação Grã Ordem Afonsina — goa.aprecisa343.com
   Gaspar do Amaral · 8 nov 2026 · com recurso a IA · © Aprecisa.com */
@font-face { font-family: "Source Serif 4"; src: url("/fontes/source-serif-4-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/fontes/source-serif-4-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("/fontes/source-sans-3-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("/fontes/source-sans-3-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  --tinta: #1E2A44; --tinta-2: #2E3E62; --ouro: #B8892E; --ouro-claro: #E9D3A0; --azul-cruz: #2A78D6;
  --fundo: #F8F6F1; --cartao: #FFFFFF; --texto: #1F2933; --texto-2: #52606D; --texto-3: #7B8794; --linha: #E3DED3; --alt: #F1EDE4;
  --aviso: #FFF4E0; --aviso-borda: #B7791F;
  --serif: "Source Serif 4", Georgia, serif; --sans: "Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif; --raio: 8px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--fundo); color: var(--texto); font-family: var(--sans); font-size: 17px; line-height: 1.6; }
a { color: var(--tinta-2); }
a:focus-visible { outline: 2px solid var(--ouro); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 600; line-height: 1.2; margin: 0 0 .5em; color: var(--tinta); text-wrap: balance; }
h2 { font-size: clamp(1.35rem, 3.4vw, 1.7rem); margin: 0 0 .6em; }
h3 { font-size: 1.1rem; margin: 1.2em 0 .4em; }
p { margin: 0 0 1em; }
img { max-width: 100%; height: auto; }
.contentor { max-width: 1040px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.cinza { color: var(--texto-3); }
.salto { position: absolute; left: -9999px; }
.salto:focus { left: 16px; top: 16px; background: #fff; padding: 8px 12px; z-index: 10; }

.topo { background: var(--tinta); color: #fff; padding-block: 34px 26px; border-bottom: 4px solid var(--ouro); }
.sobre { font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ouro-claro); margin: 0 0 .4em; }
.topo h1 { color: #fff; font-size: clamp(1.8rem, 5.4vw, 2.7rem); margin: 0 0 .25em; }
.topo .lema { font-family: var(--serif); font-style: italic; color: #E8ECF3; font-size: 1.12rem; margin: 0; max-width: 60ch; }
.menu { background: var(--tinta-2); }
.menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 20px; }
.menu a { display: inline-block; color: #F3F5F9; text-decoration: none; padding: 10px 0; font-size: .95rem; }
.menu a:hover { color: var(--ouro-claro); }

.aviso { background: var(--aviso); border: 1px solid var(--aviso-borda); border-left-width: 5px; border-radius: var(--raio); padding: 14px 18px; margin: 26px 0 8px; font-size: .97rem; }
.aviso p:last-child { margin: 0; }

section.bloco { padding-block: 34px 10px; border-bottom: 1px solid var(--linha); }
section.bloco:last-of-type { border-bottom: 0; }
.grelha-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px 26px; }
.cartao { background: var(--cartao); border: 1px solid var(--linha); border-radius: var(--raio); padding: 18px 20px; min-width: 0; }
.cartao h3 { margin-top: 0; }
.citacao-estatutos { margin: 0 0 1em; padding: .2em 0 .2em 1.1em; border-left: 3px solid var(--ouro); font-family: var(--serif); font-size: 1.05rem; color: var(--tinta); }
.citacao-estatutos footer { font-family: var(--sans); font-size: .88rem; color: var(--texto-3); margin-top: .4em; }

.destaque-ag { background: var(--tinta); color: #fff; border-radius: var(--raio); padding: 20px 22px; }
.destaque-ag h3 { color: var(--ouro-claro); margin-top: 0; }
.destaque-ag a { color: #fff; }
.destaque-ag dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0 0 .8em; }
.destaque-ag dt { color: var(--ouro-claro); }
.destaque-ag dd { margin: 0; }

table { border-collapse: collapse; width: 100%; font-size: .95rem; background: var(--cartao); }
.tabela { overflow-x: auto; border: 1px solid var(--linha); border-radius: var(--raio); }
th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--linha); vertical-align: top; }
th { background: var(--alt); font-weight: 600; color: var(--tinta); }
tr:last-child td { border-bottom: 0; }

.ensaios { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 18px; list-style: none; padding: 0; margin: 0 0 1em; }
.ensaios li { background: var(--cartao); border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; display: flex; flex-direction: column; }
.ensaios img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.ensaios .txt { padding: 10px 14px 14px; }
.ensaios a { text-decoration: none; color: var(--tinta); font-weight: 600; font-family: var(--serif); }
.ensaios a:hover { text-decoration: underline; }
.ensaios .data { display: block; font-size: .85rem; color: var(--texto-3); margin-top: 4px; }

.cronologia { list-style: none; padding: 0; margin: 0; border-left: 3px solid var(--ouro); }
.cronologia li { position: relative; padding: 0 0 14px 20px; }
.cronologia li::before { content: ""; position: absolute; left: -8px; top: 7px; width: 13px; height: 13px; border-radius: 50%; background: var(--tinta); border: 2px solid var(--ouro); }
.cronologia b { color: var(--tinta); }

.leituras li { margin-bottom: .45em; }
.botao { display: inline-block; background: var(--tinta); color: #fff; text-decoration: none; padding: 9px 18px; border-radius: 999px; font-weight: 600; }
.botao:hover { background: var(--tinta-2); }

.rodape { background: var(--tinta); color: #D8DEE8; font-size: .9rem; padding-block: 26px; margin-top: 30px; }
.rodape a { color: #fff; }
.rodape p { margin: 0 0 .6em; }
.mt { margin-top: .8em; }
.m0 { margin: 0; }
/* 08/11/2026: listas recolhíveis nas Leituras */
.leituras details { border-top: 1px solid var(--linha); padding: .5em 0; }
.leituras details:first-of-type { border-top: 0; }
.leituras summary { cursor: pointer; font-weight: 600; color: var(--texto); }
.leituras details ul { margin: .6em 0 .2em; padding-left: 1.1em; }
.leituras code { font-size: .85em; }
