/* Traduzindo Culturas — folha de estilo do site · rodadas 2 a 7 (21/09 a 14/10/2026) e bloco da rodada 11 (19/10/2026) ao fim
   Identidade: papel #F4EFE2 · tarja #EAE3D3 · nanquim #23201C · cinábrio #B02F20 (rótulo)
   Cores de cidade: UFJF oliva #4F5133 · UFCA cinábrio #B02F20 · UFCG tabaco #473310 · UFABC celadon #2F5D50 · Unicamp vinho-ameixa #4A2E33
   Tipografia: Lora (o que se lê) + Source Sans 3 (rótulo, dado de serviço, interface), hospedadas em /fontes */
/* Lora (Cyreal) e Source Sans 3 (Adobe), SIL Open Font License 1.1 — arquivos hospedados no próprio site.
   Rodada 10 (16/10/2026): uma declaração por estilo, com a faixa de peso da fonte variável. Até a v1.8 o mesmo arquivo
   variável era declarado três vezes (Lora 400, 500 e 600) e duas (Source Sans 3 400 e 600), com nomes diferentes, e o
   navegador o baixava de novo a cada nome. A itálica da Source Sans 3 é uma instância estática de peso regular. */
@font-face{font-family:'Lora';font-style:normal;font-weight:400 700;font-display:swap;src:url(fontes/Lora-wght-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Lora';font-style:normal;font-weight:400 700;font-display:swap;src:url(fontes/Lora-wght-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Lora';font-style:italic;font-weight:400 700;font-display:swap;src:url(fontes/Lora-wght-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Lora';font-style:italic;font-weight:400 700;font-display:swap;src:url(fontes/Lora-wght-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;src:url(fontes/SourceSans3-wght-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;src:url(fontes/SourceSans3-wght-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(fontes/SourceSans3-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(fontes/SourceSans3-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --papel:#F4EFE2; --tarja:#EAE3D3; --tinta:#23201C; --cinabrio:#B02F20; --cinabrio-esc:#8E2418;
  --apoio:#5A5348; --fio:#DED5C2; --fio-forte:#C9C0AA;
  --oliva:#4F5133; --tabaco:#473310; --celadon:#2F5D50; --vinho:#4A2E33;
  --serif:"Lora",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Source Sans Pro",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --larg:1180px;
}
*{box-sizing:border-box}
html{background:var(--papel);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:18px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--cinabrio);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--cinabrio-esc);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:3px solid var(--cinabrio);outline-offset:3px}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.18;margin:0}
h1{font-size:clamp(34px,4.6vw,56px)}
h2{font-size:clamp(28px,3vw,34px)}
h3{font-size:clamp(21px,2vw,24px)}
h4{font-size:19px}
em,i{font-style:italic}
.wrap{max-width:var(--larg);margin:0 auto;padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
.leitura{font-family:var(--serif);font-size:clamp(18px,1.35vw,20px);line-height:1.6;max-width:66ch;text-wrap:pretty}
.leitura p{margin-bottom:1.1em}
.rotulo{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--cinabrio);margin:0 0 10px}
.rotulo.escuro{color:var(--tinta)}
.rotulo.claro{color:var(--papel)}
.apoio{color:var(--apoio);font-size:16px}
.filete{display:block;width:56px;height:5px;background:var(--cinabrio);margin:0 0 18px}
.risco{text-decoration:line-through;text-decoration-color:var(--cinabrio);text-decoration-thickness:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:12px;padding:10px 16px;background:var(--tinta);color:var(--papel);font-weight:600;text-decoration:none;z-index:20}
.skip:focus{left:12px}
.prov{display:inline-block;border:1px dashed var(--fio-forte);padding:0 8px;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio);white-space:nowrap;vertical-align:middle}
.aviso{border-left:4px solid var(--cinabrio);background:var(--tarja);padding:12px 18px;font-size:16px;color:var(--apoio);max-width:70ch}

/* cabeçalho */
.topo{border-bottom:1px solid var(--fio);background:var(--papel);position:relative;z-index:2}
.topo .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 40px;padding-top:18px;padding-bottom:16px}
.topo .marca img{display:block;width:clamp(180px,17vw,220px);height:auto}
.topo nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px;font-size:17px}
.topo nav a{display:inline-block;padding:10px 0;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.topo nav a:hover,.topo nav a:focus-visible{border-bottom-color:var(--cinabrio)}
.topo nav a[aria-current="page"]{font-weight:600;border-bottom-color:var(--cinabrio)}

/* blocos de página */
main{display:block}
.secao{padding:clamp(48px,6vw,80px) 0}
.secao + .secao{padding-top:0}
.cabeca{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--fio);padding-bottom:14px;margin-bottom:28px}
.cabeca h2{margin:0}
.cabeca a{font-size:17px}
.abertura{padding:clamp(40px,5vw,64px) 0 clamp(28px,3vw,40px)}
.abertura .titulo{max-width:70ch}
.abertura h1{margin-bottom:12px}
.abertura .leitura{margin-top:14px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:28px clamp(28px,5vw,72px);align-items:start}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:860px){.duas,.tres{grid-template-columns:1fr}}

/* hero da Inicial */
.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,112px) 0 clamp(40px,6vw,80px)}
.hero .fundo{position:absolute;right:-6%;top:-10%;width:min(70vw,900px);opacity:.14;pointer-events:none;user-select:none}
@media (prefers-reduced-motion:no-preference){.hero .fundo{animation:surgir 1.4s ease-out both}}
@keyframes surgir{from{opacity:0;transform:translateX(24px)}to{opacity:.14;transform:none}}
.hero .wrap{position:relative}
.hero h1{max-width:12ch}
.hero .sub{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,26px);color:var(--apoio);margin:6px 0 22px}
.hero .leitura{font-size:clamp(19px,1.5vw,22px)}
.hero .acoes{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:17px}

/* faixa de nanquim — números */
.faixa{background:var(--tinta);color:var(--papel)}
.faixa a{color:var(--papel);text-decoration-color:rgba(244,239,226,.55)}
.faixa .wrap{padding-top:clamp(36px,4vw,52px);padding-bottom:clamp(36px,4vw,52px)}
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px 32px;margin:0;padding:0;list-style:none}
.numeros .n{font-family:var(--serif);font-size:clamp(34px,3.4vw,46px);line-height:1;font-weight:500;display:block;margin-bottom:8px}
.numeros .l{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,239,226,.78);line-height:1.35}
.faixa .nota{margin:22px 0 0;font-size:15px;color:rgba(244,239,226,.7);max-width:70ch}

/* livros */
.capas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:28px clamp(16px,2.5vw,36px)}
@media (max-width:860px){.capas{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.capas{grid-template-columns:repeat(2,1fr)}}
.capas a{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.capas img{width:100%;aspect-ratio:0.69;object-fit:cover;display:block;box-shadow:0 1px 2px rgba(35,32,28,.28),0 8px 24px -14px rgba(35,32,28,.45)}
.capas .t{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.35}
.capas .a{display:block;font-family:var(--sans);font-style:normal;font-size:15px;color:var(--apoio);margin-top:3px}
.livro{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:28px clamp(28px,4vw,56px);padding:clamp(32px,4vw,48px) 0;border-top:1px solid var(--fio)}
.livro:first-of-type{border-top:0;padding-top:0}
.livro img{width:100%;display:block;box-shadow:0 1px 2px rgba(35,32,28,.28),0 10px 28px -16px rgba(35,32,28,.5)}
.livro h2{margin:4px 0 6px;font-size:clamp(24px,2.4vw,30px)}
.livro .autor{font-size:18px;margin-bottom:16px}
.livro dl{margin:18px 0 0;display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;font-size:16px}
.livro dt{font-weight:600}
.livro dd{margin:0}
.livro .pdf{margin-top:18px;border:1px solid var(--fio);background:var(--tarja);padding:12px 16px;font-size:16px;max-width:60ch}
@media (max-width:640px){.livro{grid-template-columns:1fr}.livro img{max-width:240px}}

/* eventos */
.eventos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.evento{border:1px solid var(--fio);display:flex;flex-direction:column;background:var(--papel)}
.evento .cab{padding:18px 22px;color:var(--papel);display:flex;flex-direction:column;gap:2px}
.evento .cab .data{font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.evento .cab .cidade{font-family:var(--serif);font-size:24px;line-height:1.2}
.evento .corpo{padding:20px 22px 24px;display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.5}
.evento .corpo p{margin:0}
.evento .servico{color:var(--apoio);font-size:16px}
.c-cinabrio{background:var(--cinabrio)} .c-tabaco{background:var(--tabaco)} .c-celadon{background:var(--celadon)} .c-vinho{background:var(--vinho)} .c-oliva{background:var(--oliva)} .c-nanquim{background:var(--tinta)}
.passado{list-style:none;margin:0;padding:0;border-top:1px solid var(--fio)}
.passado li{display:grid;grid-template-columns:110px 1fr;gap:12px 24px;padding:16px 0;border-bottom:1px solid var(--fio);font-size:17px}
.passado .d{font-weight:600}
@media (max-width:520px){.passado li{grid-template-columns:1fr}}

/* linha do tempo */
.linha{list-style:none;margin:0;padding:0;border-left:2px solid var(--fio-forte);margin-left:8px}
.linha li{position:relative;padding:0 0 22px 28px;font-size:17px}
.linha li::before{content:"";position:absolute;left:-7px;top:9px;width:12px;height:12px;background:var(--cinabrio);border:2px solid var(--papel)}
.linha .d{display:block;font-family:var(--serif);font-weight:500;font-size:19px}
.linha .q{color:var(--apoio);font-size:16px}

/* pessoas e entregas */
.pessoas{display:grid;gap:44px}
.pessoa{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:20px 36px;align-items:start}
.pessoa>div{max-width:72ch}
.pessoa img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}
.pessoa h3{margin-bottom:6px}
.pessoa .funcao{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio);margin-bottom:12px;font-weight:600}
@media (max-width:640px){.pessoa{grid-template-columns:1fr}.pessoa img{max-width:220px}}
.entregas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px 32px}
.entregas li{border-top:3px solid var(--tinta);padding-top:14px}
.entregas h3{margin-bottom:8px}
.entregas p{margin:0;font-size:17px;color:var(--apoio)}
.selos{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.selos li{display:flex;align-items:center;gap:10px;font-size:16px}
.selos img{width:44px;height:44px;display:block}

/* ficha técnica */
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px 40px}
.ficha h2{font-size:15px;font-family:var(--sans);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cinabrio);border-bottom:1px solid var(--fio);padding-bottom:8px;margin-bottom:12px}
.ficha ul{list-style:none;margin:0;padding:0;font-size:17px}
.ficha li{padding:5px 0}
.ficha li .nome{display:block}
.ficha li .fn{display:block;color:var(--apoio);font-size:15px}

/* rodapé com a barra de marcas */
.rodape{border-top:1px solid var(--fio);background:var(--papel);margin-top:clamp(40px,5vw,72px)}
.rodape .wrap{padding-top:44px;padding-bottom:36px;display:flex;flex-direction:column;gap:34px}
.barra{display:flex;flex-wrap:wrap;gap:32px 48px;align-items:flex-end;justify-content:space-between}
.grupo{display:flex;flex-direction:column;gap:10px}
.grupo .enun{display:flex;align-items:center;gap:10px}
.grupo .enun span{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--apoio);white-space:nowrap}
.grupo .enun i{flex:1;min-width:16px;height:1px;background:var(--fio)}
.grupo .marcas{min-height:72px;display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap}
.grupo .marcas img{display:block;width:auto}
.grupo .vazio{height:19px}
.rodape .linhas{border-top:1px solid var(--fio);padding-top:20px;font-size:16px;line-height:1.55;color:var(--apoio)}
.rodape .linhas p{margin:0 0 4px}

@media print{
  .topo nav,.skip{display:none}
  body{background:#fff;color:#000}
  .faixa{background:#fff;color:#000;border:1px solid #999}
  .faixa .numeros .l{color:#333}
}

/* rodada 3 (06/10/2026): "a atualizar", selo de evento realizado, bibliotecas, página Editora Phi */
.atualizar{font-family:var(--sans);font-style:normal;font-size:.9em;color:var(--apoio)}
.evento .cab .estado{align-self:flex-start;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(244,239,226,.75);padding:2px 8px}
.bibliotecas{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px 32px}
.bibliotecas li{border-top:3px solid var(--tinta);padding-top:14px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.5;min-width:0}
.bibliotecas h3{font-size:21px}
.bibliotecas .quando{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cinabrio)}
.bibliotecas .bib{font-weight:600}
.bibliotecas .end{color:var(--apoio)}
.bibliotecas a{overflow-wrap:anywhere}
.dados{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 24px;margin:0 0 24px;font-size:17px}
.dados dt{font-weight:600}
.dados dd{margin:0}
.logo-phi{display:flex;align-items:center}
.logo-phi img{width:min(260px,70%);height:auto}
.acoes .apoio{margin-left:10px}

/* rodada 4 (07/10/2026): uma largura de texto para todo o conteúdo, alinhada pela margem esquerda do logo;
   logo maior; selos em fileira abaixo do título da seção; rodapé só com a barra de marcas */
:root{--medida:880px}
h1,h2,h3{text-wrap:balance}
main .wrap > *{max-width:var(--medida)}
.hero .wrap > h1{max-width:12ch}
.livro .leitura,.livro .pdf{max-width:none}
.pessoa>div{max-width:none}
.topo .wrap{gap:16px 32px}
.topo .marca img{width:clamp(230px,23vw,300px)}
.selos{gap:16px 40px;margin:8px 0 24px}
.selos li{gap:14px;font-size:16px;line-height:1.3}
.selos img{width:64px;height:64px}
.eventos{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.entregas{grid-template-columns:repeat(2,minmax(0,1fr))}
.numeros{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){
  .entregas{grid-template-columns:1fr}
  .numeros{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.eventos.agenda{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}

/* rodada 5 (07/10/2026): diagramação dos textos.
   Texto corrido justificado, com hifenização em português, a partir de 600 px de tela; abaixo disso, alinhado à esquerda.
   Onde a linha ficaria curta para justificar, o bloco muda de forma: uma coluna fixa à esquerda (capa, universidade,
   data, rótulo) e o texto numa linha longa à direita; serviço e contato com uma informação por linha.
   Nas páginas, o texto da coluna da direita começa sempre a 272 px da margem (15rem + 32 px). */
.leitura p,.livro dd,.livro .pdf,.entregas p,.pessoa .apoio,.evento .corpo p{
  hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;
  -webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:2;
  text-wrap:pretty
}
@media (min-width:600px){
  .leitura p,.livro dd,.livro .pdf,.entregas p,.pessoa .apoio,.evento .corpo p{text-align:justify}
}

/* livros: capa ao lado do texto a partir de 900 px; título e subtítulo em linhas próprias; ficha com o rótulo numa coluna fixa */
.livro{grid-template-columns:224px minmax(0,1fr);column-gap:48px}
@media (max-width:899px){.livro{grid-template-columns:minmax(0,1fr)}.livro img{max-width:240px}}
.livro h2 .subt{display:block}
.livro dl{grid-template-columns:11rem minmax(0,1fr);gap:10px 20px}
@media (max-width:599px){.livro dl{grid-template-columns:minmax(0,1fr);gap:2px}.livro dt:not(:first-child){margin-top:10px}}

/* eventos: hora (ou tipo de atividade) em linha própria; serviço em lista, uma informação por linha, separado das atividades por um fio */
.evento .cab .local{font-size:16px;line-height:1.35;margin-top:2px}
.evento .ativ .hora,.evento .ativ .tipo{display:block;font-weight:600;font-size:15px;letter-spacing:.02em;margin-bottom:2px}
.evento .servico{list-style:none;margin:2px 0 0;padding:12px 0 0;border-top:1px solid var(--fio);display:grid;gap:4px;font-size:15.5px;line-height:1.45;color:var(--apoio)}
.evento .servico a{overflow-wrap:anywhere}

/* bibliotecas: uma linha por universidade, a universidade numa coluna fixa e os dados da biblioteca ao lado */
.bibliotecas{grid-template-columns:minmax(0,1fr);gap:0;margin-top:28px;border-bottom:1px solid var(--fio)}
.bibliotecas li{display:grid;grid-template-columns:minmax(0,1fr);gap:10px 32px;border-top:1px solid var(--fio);padding:20px 0 22px}
.bibliotecas li:first-child{border-top:3px solid var(--tinta)}
.bibliotecas .onde{display:flex;flex-direction:column;gap:4px}
.bibliotecas h3{line-height:1.2}
.bibliotecas h3 .cid{display:block;font-family:var(--sans);font-size:16px;color:var(--apoio);margin-top:4px}
.bibliotecas .info{display:flex;flex-direction:column;gap:3px;min-width:0}
@media (min-width:700px){.bibliotecas li{grid-template-columns:15rem minmax(0,1fr)}}

/* O projeto: entregas em linhas, com o título numa coluna fixa; linha do tempo em largura cheia, com a data numa coluna;
   retratos na mesma coluna */
.entregas{grid-template-columns:minmax(0,1fr);gap:0;border-bottom:1px solid var(--fio)}
.entregas li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px 32px;border-top:1px solid var(--fio);padding:20px 0 22px}
.entregas li:first-child{border-top:3px solid var(--tinta)}
.entregas h3{margin:0}
@media (min-width:700px){.entregas li{grid-template-columns:15rem minmax(0,1fr)}}
.linha{margin-top:28px}
.linha li{display:grid;grid-template-columns:minmax(0,1fr);gap:0 32px}
@media (min-width:600px){.linha li{grid-template-columns:calc(15rem - 38px) minmax(0,1fr);align-items:baseline}}
@media (min-width:641px){.pessoa{grid-template-columns:15rem minmax(0,1fr);column-gap:32px}}
.nw{white-space:nowrap}

/* Ficha técnica: um núcleo por linha, com o nome do núcleo numa coluna fixa e as pessoas em duas colunas ao lado */
.ficha{display:block;border-bottom:1px solid var(--fio)}
.ficha > div{display:grid;grid-template-columns:minmax(0,1fr);gap:10px 32px;border-top:1px solid var(--fio);padding:20px 0 24px}
.ficha > div:first-child{border-top:3px solid var(--tinta)}
.ficha h2{border-bottom:0;padding:0;margin:4px 0 0;line-height:1.45}
.ficha ul{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 32px}
.ficha li{padding:0}
@media (min-width:700px){.ficha > div{grid-template-columns:15rem minmax(0,1fr)}}
@media (min-width:900px){.ficha ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* rodada 6 (07/10/2026): eventos em cards, todos do mesmo tamanho.
   Eventos: duas colunas a partir de 900 px, todas as linhas com a altura do card mais alto. Inicial: três cards lado a lado.
   Cabeçalhos da mesma altura; atividades no alto do card e lista de serviço no pé. No celular, um card por linha. */
.eventos,.eventos.agenda,.eventos.proximos{grid-template-columns:minmax(0,1fr);gap:24px}
.evento .cab-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.evento .cab .estado{margin-top:0;align-self:center;line-height:1.3;padding:1px 8px}
.evento .corpo{flex:1 1 auto}
.evento .servico{margin-top:auto}
@media (min-width:900px){
  .eventos.agenda{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
  .eventos.agenda .cab{min-height:9rem}
  .eventos.proximos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eventos.proximos .corpo p{text-align:left}
}

/* rodada 7 (14/10/2026): Inicial com quatro próximos eventos em duas colunas, com a mesma regra de altura igual de Eventos;
   caixa da autora convidada abaixo do cabeçalho de cada card; em Quem conduz, a foto com a altura do texto. */
@media (min-width:900px){
  .eventos.proximos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
}
.convidada{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;
  background:rgba(176,47,32,.10);border-left:4px solid var(--cinabrio);padding:12px 16px 12px 14px;margin-bottom:4px}
.convidada img{display:block;width:64px;height:auto;aspect-ratio:5/6;object-fit:cover}
.convidada .rot{display:block;font-family:var(--sans);font-weight:600;font-size:12.5px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--cinabrio);margin-bottom:4px}
.convidada .nome{display:block;font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.2}
.convidada .obra{display:block;font-size:15px;line-height:1.4;color:var(--apoio);margin-top:3px}
.pessoa .apoio{margin-bottom:0}
@media (min-width:641px){
  .pessoa{align-items:stretch}
  .pessoa img{height:0;min-height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 25%}
}
/* rodada 7, ajuste dela de 14/10: "Ver a agenda completa" e os links do pé dos cards da Inicial sobem na hierarquia */
a.chamada{font-weight:600;text-decoration-thickness:2px;text-underline-offset:4px}
a.chamada:hover{text-decoration-thickness:3px}

/* ============================================================================================================
   rodada 11 (19/10/2026): v1.10-teste — página de abertura, site em inglês e os ajustes que ela escolheu em 19/10
   a partir da rodada 10. A folha acima é a da v1.8 (rodadas 2 a 7), sem mudança. Cada bloco abaixo diz o que faz e,
   quando vem da rodada 10, o número de lá. Para reverter um bloco: apagar o bloco.
   ============================================================================================================ */

/* R10-A1 · reflow a 320 px (WCAG 1.4.10): o e-mail da lista de dados da Editora Phi e as legendas da faixa de números
   podem quebrar dentro da coluna quando não cabem, sem empurrar a página de lado. Sem hífen (ver R11-QUEBRAS). */
.dados dd,.dados dd a{overflow-wrap:anywhere}
.numeros .l{overflow-wrap:anywhere}
/* R11: abaixo de 520 px a lista de dados da Editora Phi fica numa coluna (rótulo em cima, dado embaixo), para o e-mail
   não ser partido ao meio; a quebra "anywhere" fica só como última defesa. */
@media (max-width:520px){
  .dados{grid-template-columns:minmax(0,1fr);gap:2px 0}
  .dados dt:not(:first-child){margin-top:10px}
}

/* R10-A2 · rodapé: as duas linhas da barra ficam dentro de um grupo nomeado (role="group" no HTML). */
.barras{display:flex;flex-direction:column;gap:34px}

/* R10-A3 · impressão sem fundos (padrão dos navegadores): cabeçalho dos cards e caixa da convidada legíveis. */
@media print{
  .evento .cab,.convidada{background:#fff !important;color:#000}
  .evento .cab{border-bottom:2px solid #000}
  .evento .cab .estado{border-color:#000}
  .convidada{border-left-color:#000}
  .convidada .rot,.rotulo,.bibliotecas .quando{color:#000}
  .evento{border-color:#999}
  .aviso-teste,.topo nav li.idioma{display:none}
}

/* R10-A7 · a sigla da universidade nos cards é h3 (navegação por títulos no leitor de tela); a aparência é a mesma. */
.evento .cab h3.cidade{font-size:24px;font-weight:500;line-height:1.2;margin:0;text-wrap:initial}

/* R10-A8 · piso de 13 px para o menor texto do site ("REALIZADO" tinha 12 px; "AUTORA CONVIDADA", 12,5 px). */
.evento .cab .estado{font-size:13px}
.convidada .rot{font-size:13px}

/* R11-ESPACO (R10-B1, escolhido por ela em 19/10) · texto corrido numa coluna de leitura de 52ch (68 a 79 caracteres
   por linha a 1280 px); grades de capas, cards, cabeçalhos de seção e a lista curta de bibliotecas no contêiner inteiro
   (1180 px). Os cards de Eventos continuam com a mesma altura em cada linha (regra da rodada 6, mantida por decisão dela). */
main .wrap > .leitura{max-width:52ch}
main .wrap > .capas,main .wrap > .eventos,main .wrap > .cabeca,main .wrap > .bib-curta{max-width:none}

/* R11-ESPACO (R10-B10b) · menu no celular com menos respiro vertical e lockup de 200 px (cerca de 40 px a mais na
   primeira tela). */
@media (max-width:520px){
  .topo nav a{padding:6px 0}
  .topo .marca img{width:200px}
  .topo .wrap{padding-top:14px;padding-bottom:12px}
}

/* R11-QUEBRAS · pedido dela de 19/10 ("não ficar muito texto quebrado no final da linha"):
   1. a hifenização fica só no texto corrido justificado (.leitura), com limites mais altos: só palavras de 8 letras ou
      mais, com pelo menos 4 letras de cada lado do hífen, e no máximo uma linha hifenizada por vez
      (20/10: superado por R11-ALINHAMENTO, no fim desta folha — o corrido passou a alinhado à esquerda e sem hífen;
      os limites abaixo ficam sem efeito);
   2. fichas dos livros, cards, listas, rótulos em caixa alta e dados de serviço não hifenizam (a rodada 5 hifenizava
      também os campos de dados, e a rodada 10 as legendas da faixa, de onde saíram "DISTRIBUÍ-DOS" e "AUDIO-DESCRIÇÃO");
   3. esses campos de dados, em coluna estreita, alinham à esquerda (R10-B2); justificado só no texto corrido. */
.leitura p{hyphenate-limit-chars:8 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;-webkit-hyphenate-limit-lines:1;hyphenate-limit-lines:1;-webkit-hyphenate-limit-zone:8%;hyphenate-limit-zone:8%}
.livro dd,.livro .pdf,.entregas p,.pessoa .apoio,.evento .corpo p,.numeros .l,.rotulo,.bibliotecas,.bib-curta,.ficha,.servico,.linha,.evento .cab,.capas,.dados,.selos,.topo nav,.convidada{hyphens:manual;-webkit-hyphens:manual}
@media (min-width:600px){
  .livro dd,.livro .pdf,.entregas p,.pessoa .apoio,.evento .corpo p{text-align:left}
}
/* faixa de números no celular: a legenda em caixa alta ("MINIDOCUMENTÁRIO", "AUDIODESCRIÇÃO") não cabe em meia coluna
   nas telas estreitas. Até 400 px a legenda vai ao piso de 13 px, com menos espaçamento entre letras; até 340 px, uma
   coluna por número. Assim nenhuma palavra é partida (a rodada 10 hifenizava: "DISTRIBUÍ-DOS"). */
@media (max-width:400px){
  .numeros .l{font-size:13px;letter-spacing:.05em}
}
@media (max-width:340px){
  .numeros{grid-template-columns:minmax(0,1fr);gap:18px}
}

/* R11-LINKS (R10-B5, sem os atalhos por cidade) · as três ações do hero com o peso dos links dos cards (a.chamada). */
.hero .acoes a{font-weight:600;text-decoration-thickness:2px;text-underline-offset:4px}

/* R11-BIB · em Eventos, "Onde estão os livros" vira uma lista curta, uma linha por universidade, e cada linha leva à
   ficha completa daquela biblioteca em Livros (âncora bib-<sigla>). A ficha completa fica só em Livros. */
.bib-curta{list-style:none;margin:8px 0 0;padding:0;border-top:3px solid var(--tinta);border-bottom:1px solid var(--fio)}
.bib-curta li{border-top:1px solid var(--fio)}
.bib-curta li:first-child{border-top:0}
.bib-curta a{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:2px 20px;align-items:baseline;padding:12px 0;text-decoration:none;color:var(--tinta);font-size:17px;line-height:1.4}
.bib-curta .u{font-family:var(--serif);font-weight:500;font-size:19px;text-decoration:underline;text-decoration-color:var(--cinabrio);text-decoration-thickness:2px;text-underline-offset:4px}
.bib-curta .b{color:var(--apoio)}
.bib-curta .seta{color:var(--cinabrio);font-weight:600;font-size:20px;line-height:1}
.bib-curta a:hover .u,.bib-curta a:focus-visible .u{text-decoration-thickness:3px;color:var(--cinabrio-esc)}
.bib-curta a:hover .b,.bib-curta a:focus-visible .b{color:var(--tinta)}
@media (max-width:520px){
  .bib-curta a{grid-template-columns:minmax(0,1fr) auto;gap:0 16px}
  .bib-curta .u,.bib-curta .b{grid-column:1}
  .bib-curta .seta{grid-column:2;grid-row:1/3;align-self:center}
}

/* R11-EN · "Translating" tem uma letra a mais que "Traduzindo": o h1 do hero em inglês ganha 13ch, para a palavra não
   ser cortada com o espaçamento de texto ampliado (WCAG 1.4.12). */
html[lang="en"] .hero h1,html[lang="en"] .hero .wrap > h1{max-width:13ch}

/* R11-EN · link para a página gêmea no outro idioma, último item do menu. */
.topo nav li.idioma{margin-left:auto}
.topo nav li.idioma a{font-weight:600;color:var(--cinabrio-esc);border-bottom-color:transparent}
.topo nav li.idioma a::before{content:"";display:inline-block;width:1px;height:14px;background:var(--fio-forte);margin-right:22px;vertical-align:-1px}
@media (max-width:520px){.topo nav li.idioma{margin-left:0}.topo nav li.idioma a::before{display:none}}
.livro .edicao{margin:-2px 0 10px;font-size:16px;color:var(--apoio)}
.livro .edicao .rotulo-ed{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-right:8px}

/* R11-ABERTURA · página de abertura (raiz do site), ajuste dela de 19/10: o lockup horizontal (símbolo à esquerda, nome e
   subtítulo à direita) é desenhado em tela, da esquerda para a direita, numa passagem só, em velocidade constante e mais lenta (3,6 s): uma máscara
   em gradiente, de borda suave, atravessa a imagem — o símbolo aparece primeiro, o nome e o subtítulo em seguida. Nada é
   redesenhado: é a imagem, mostrada a no máximo 780 px (o símbolo fica com uns 290 px, abaixo do nativo). Abaixo de
   600 px de tela entra o lockup empilhado, desenhado de cima para baixo, porque o horizontal ficaria ilegível no celular.
   Os links de idioma são duas palavras em Lora com o sublinhado cinábrio do site, separadas por um fio.
   Com prefers-reduced-motion, tudo aparece de uma vez, sem animação. */
.pagina-abertura{display:flex;flex-direction:column}
.abertura-site{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(36px,7vh,80px) clamp(20px,4vw,56px) clamp(40px,6vh,64px)}
.logo-desenho{display:block;width:min(100%,780px);margin:0 auto clamp(40px,7vh,64px)}
.logo-desenho img{display:block;width:100%;height:auto}
@media (max-width:599px){.logo-desenho{width:min(100%,400px)}}
.idiomas{display:flex;align-items:center;justify-content:center;gap:0 clamp(20px,3vw,32px);margin:0;font-family:var(--serif);font-size:clamp(22px,2.6vw,28px);line-height:1.2}
.idiomas a{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--cinabrio);text-decoration-thickness:2px;text-underline-offset:9px;padding:10px 2px}
.idiomas a:hover,.idiomas a:focus-visible{text-decoration-thickness:3px;color:var(--cinabrio-esc)}
.idiomas .sep{width:1px;height:1.3em;background:var(--fio-forte)}
.pagina-abertura .rodape{margin-top:0}
.pagina-abertura .grupo .enun span{white-space:normal;line-height:1.35}
.pagina-abertura .aviso-teste{width:100%}
@media (prefers-reduced-motion:no-preference){
  .logo-desenho img{
    -webkit-mask-image:linear-gradient(100deg,#000 0%,#000 45%,rgba(0,0,0,0) 62%);mask-image:linear-gradient(100deg,#000 0%,#000 45%,rgba(0,0,0,0) 62%);
    -webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    animation:desenhar 3.6s linear .4s both
  }
  .idiomas{animation:surgir-botoes .9s ease-out 4.1s both}
}
@media (prefers-reduced-motion:no-preference) and (max-width:599px){
  .logo-desenho img{
    -webkit-mask-image:linear-gradient(175deg,#000 0%,#000 45%,rgba(0,0,0,0) 62%);mask-image:linear-gradient(175deg,#000 0%,#000 45%,rgba(0,0,0,0) 62%);
    -webkit-mask-size:100% 300%;mask-size:100% 300%;
    animation-name:desenhar-vertical
  }
}
@keyframes desenhar{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}
@keyframes desenhar-vertical{from{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0%;mask-position:0 0%}}
@keyframes surgir-botoes{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* R11-ALINHAMENTO (20/10) · texto corrido alinhado à esquerda, sem hifenização automática.
   Ela viu em 20/10, em The project, o espaço entre palavras esticado: a coluna de 52ch (R11-ESPACO) e a hifenização
   rara (R11-QUEBRAS) sobre o justificado da rodada 5 abriam espaços de até 4× o normal (medido nas 14 páginas a 1280 px:
   99 de 259 linhas com espaço ≥ 1,5×; 22 linhas terminadas em hífen). Decisão dela de 20/10, pela sugestão da rodada:
   alinhado à esquerda em todas as larguras (abaixo de 600 px já era) e sem hífen automático — espaço entre palavras
   sempre o normal, zero palavras partidas no fim da linha; é o que pede a WCAG 2.2, 1.4.8 ("text is not justified").
   Reverter: apagar este bloco (volta o justificado com os limites 8/4/4 de R11-QUEBRAS). */
.leitura p{text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* aviso da versão de teste, que o gerador só emite quando TESTE = True. */
.aviso-teste{margin:0;background:var(--tarja);color:var(--apoio);font-size:14px;line-height:1.4;padding:8px clamp(20px,4vw,56px);text-align:center;border-bottom:1px solid var(--fio)}