/* ==== noticia.css · só em body[data-css~="noticia"] ==== */
:where(body[data-css~="noticia"]) /* =====================================================================
   rendaacessivel.pt · noticia.css (v3.2, 27/09/2026, depois das três revisões)
   Só o que é da página de uma notícia. Tudo o resto vem do base.css.
   Regras do base.css valem aqui: font-size só com var(--t-*), :where(body[data-css~="noticia"]) um botão
   cheio por ecrã, :where(body[data-css~="noticia"]) telha só para acção e prazo curto, :where(body[data-css~="noticia"]) sem sombras em repouso.
   Grelha: no telemóvel uma coluna, :where(body[data-css~="noticia"]) pela ordem título, :where(body[data-css~="noticia"]) acção, :where(body[data-css~="noticia"]) imagem, :where(body[data-css~="noticia"]) texto;
   no computador duas (texto e 380 px), :where(body[data-css~="noticia"]) do princípio ao fim do artigo, :where(body[data-css~="noticia"]) com a
   imagem em cima à direita e o cartão de acção preso por baixo dela.
   ===================================================================== */

.nt{ padding-block:0; }
:where(body[data-css~="noticia"]) .nt-grelha{ display:grid; gap:var(--e-5); }

:where(body[data-css~="noticia"]) /* ---------- título, :where(body[data-css~="noticia"]) lead, :where(body[data-css~="noticia"]) data ---------- */
.nt-texto > * + *{ margin-top:var(--e-3); }
:where(body[data-css~="noticia"]) .nt-texto h1{ max-width:22ch; text-wrap:balance; }
:where(body[data-css~="noticia"]) .nt-lead{ font-size:var(--t-corpo); line-height:1.55; color:var(--tinta-2); max-width:62ch; text-wrap:pretty; }
:where(body[data-css~="noticia"]) .nt-meta{ display:flex; flex-wrap:wrap; gap:2px var(--e-5); font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-meta time{ color:var(--tinta); font-weight:600; }
:where(body[data-css~="noticia"]) /* sem ponto a separar: quando parte em duas linhas, :where(body[data-css~="noticia"]) o ponto ficava sozinho no início da segunda */

/* o antetítulo, :where(body[data-css~="noticia"]) nesta página, :where(body[data-css~="noticia"]) é sempre pílula cheia com a cor do formato (a mesma do chip):
   no topo e nas listas de baixo, :where(body[data-css~="noticia"]) para que «Abriu», :where(body[data-css~="noticia"]) «Fechou» e «Ainda não abriu» se leiam iguais */
.nt .antetitulo,:where(body[data-css~="noticia"]) .nt-mais .antetitulo{ padding:5px 12px; border-radius:var(--r-pilula); line-height:1.1; justify-self:start; }
:where(body[data-css~="noticia"]) .nt .ant-abriu,:where(body[data-css~="noticia"]) .nt-mais .ant-abriu{ background:var(--oliva-clara); }
:where(body[data-css~="noticia"]) .nt .ant-fechou,:where(body[data-css~="noticia"]) .nt-mais .ant-fechou,:where(body[data-css~="noticia"]) .nt-mais .ant-actual{ background:var(--cal-2); }
:where(body[data-css~="noticia"]) .nt-mais .ant-sorteio{ background:var(--madeira-clara); }
:where(body[data-css~="noticia"]) .nt-mais .ant-ainda{ background:var(--branco); }

/* ---------- o cartão de acção: prazo e botão logo a seguir ao lead ---------- */
:where(body[data-css~="noticia"]) .nt-estado{ background:var(--branco); border:1px solid var(--linha); border-radius:var(--r-cartao); padding:var(--e-4) 20px 20px; }
:where(body[data-css~="noticia"]) .nt-estado-linha{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--e-2) var(--e-3); }
:where(body[data-css~="noticia"]) .nt-estado-linha p{ font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-estado-linha p b{ color:var(--tinta); font-weight:700; }
:where(body[data-css~="noticia"]) .nt-estado .bt{ margin-top:var(--e-4); }
:where(body[data-css~="noticia"]) .nt-estado .bt-nota{ margin-top:var(--e-2); }

:where(body[data-css~="noticia"]) /* ---------- a imagem: fotografia desta casa, :where(body[data-css~="noticia"]) ou o número-imagem ---------- */
.nt-imagem{ margin:0; }
:where(body[data-css~="noticia"]) .nt-imagem .foto{ aspect-ratio:16/10; border-radius:var(--r-cartao); overflow:hidden; background:var(--cal-2); }
:where(body[data-css~="noticia"]) .nt-imagem img{ width:100%; height:100%; object-fit:cover; }
:where(body[data-css~="noticia"]) .nt-imagem figcaption{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 var(--e-3); margin-top:var(--e-1); }
:where(body[data-css~="noticia"]) .nt-imagem figcaption .lig{ font-size:var(--t-apoio); }

:where(body[data-css~="noticia"]) /* o número-imagem (Fechou): cal escura com tinta 2, :where(body[data-css~="noticia"]) como a capa «Fechou» */
.nt-numero{ margin:0; background:var(--cal-2); border-radius:var(--r-cartao); padding:var(--e-5) 20px; display:grid; gap:var(--e-4); align-content:start; }
:where(body[data-css~="noticia"]) .nt-numero .t-rotulo{ color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-numero-grande{ display:flex; align-items:baseline; gap:var(--e-3); flex-wrap:wrap; }
:where(body[data-css~="noticia"]) .nt-numero-grande .t-num{ color:var(--tinta); white-space:nowrap; }
:where(body[data-css~="noticia"]) .nt-numero-grande span:last-child{ font-family:var(--serifa); font-size:var(--t-3); line-height:1.2; color:var(--tinta); }
:where(body[data-css~="noticia"]) .nt-picto{ display:flex; align-items:center; gap:var(--e-2); }
:where(body[data-css~="noticia"]) .nt-picto svg.casa{ width:44px; height:44px; flex:none; }
:where(body[data-css~="noticia"]) .nt-picto .igual{ font-family:var(--serifa); font-size:var(--t-3); color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-picto .pessoas{ display:flex; gap:4px; min-width:0; }
:where(body[data-css~="noticia"]) .nt-picto .pessoas svg{ width:20px; height:31px; flex:none; }
:where(body[data-css~="noticia"]) .nt-numero-pe{ padding-top:var(--e-3); border-top:1px solid var(--linha-forte); font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-numero-pe b{ color:var(--tinta); font-weight:700; }

/* ---------- o texto ---------- */
:where(body[data-css~="noticia"]) .nt-artigo{ min-width:0; }
:where(body[data-css~="noticia"]) .nt-artigo > * + *{ margin-top:var(--e-6); }
:where(body[data-css~="noticia"]) .nt .factos{ margin-block:0; }
:where(body[data-css~="noticia"]) .nt .factos + *{ margin-top:var(--e-6); }
:where(body[data-css~="noticia"]) .nt-bloco > * + *{ margin-top:var(--e-3); }
:where(body[data-css~="noticia"]) .nt-bloco h2{ font-size:var(--t-3); line-height:1.25; max-width:34ch; }
:where(body[data-css~="noticia"]) .nt-bloco p{ max-width:var(--larg-texto); }
:where(body[data-css~="noticia"]) ul.nt-lista{ list-style:disc; padding-left:1.2em; max-width:var(--larg-texto); }
:where(body[data-css~="noticia"]) .nt-lista li + li{ margin-top:6px; }
:where(body[data-css~="noticia"]) .nt-lista li::marker{ color:var(--madeira-esc); }
:where(body[data-css~="noticia"]) .nt-nota{ font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-sec a{ color:var(--tinta-2); font-weight:600; text-decoration:underline; text-decoration-color:var(--linha-forte); text-underline-offset:4px; display:inline-flex; align-items:center; gap:4px; min-height:var(--alvo); }
:where(body[data-css~="noticia"]) .nt-sec a .i{ width:16px; height:16px; }

/* a folha de factos da notícia: 2 x 2 sempre (quatro factos, e a renda nunca se corta) */
:where(body[data-css~="noticia"]) .nt .factos-4{ grid-template-columns:1fr 1fr; }
:where(body[data-css~="noticia"]) .nt .factos-4 .facto{ padding-left:0; border-left:0; border-bottom:1px solid var(--linha); }
:where(body[data-css~="noticia"]) .nt .factos-4 .facto:nth-child(2n){ padding-left:var(--e-4); border-left:1px solid var(--linha); }
:where(body[data-css~="noticia"]) .nt .factos-4 .facto:nth-last-child(-n+2){ border-bottom:0; }

:where(body[data-css~="noticia"]) /* contactos: o rótulo por cima, :where(body[data-css~="noticia"]) o email inteiro por baixo, :where(body[data-css~="noticia"]) e o fim (.com / .pt) a negrito */
.nt-contactos{ list-style:none; padding:0; margin:0; border-top:1px solid var(--linha); max-width:var(--larg-texto); }
:where(body[data-css~="noticia"]) .nt-contactos li{ display:grid; gap:2px; padding-block:var(--e-3); border-bottom:1px solid var(--linha); }
:where(body[data-css~="noticia"]) .nt-contactos span{ font-size:var(--t-rotulo); font-weight:600; color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-contactos a{ color:var(--telha-esc); font-weight:600; overflow-wrap:anywhere; text-decoration:underline; text-decoration-color:var(--madeira); text-decoration-thickness:2px; text-underline-offset:5px; min-height:32px; display:inline-flex; align-items:center; justify-self:start; }
:where(body[data-css~="noticia"]) .nt-contactos a b{ font-weight:800; }

/* as casas: tabela simples com filetes */
:where(body[data-css~="noticia"]) .nt-casas{ width:100%; border-collapse:collapse; font-size:var(--t-apoio); max-width:var(--larg-texto); }
:where(body[data-css~="noticia"]) .nt-casas caption{ text-align:left; font-size:var(--t-apoio); color:var(--tinta-2); padding-bottom:var(--e-2); caption-side:top; }
:where(body[data-css~="noticia"]) .nt-casas th{ text-align:left; font-weight:600; color:var(--tinta-2); font-size:var(--t-rotulo); line-height:1.3; padding:var(--e-2) var(--e-3) var(--e-2) 0; border-bottom:1px solid var(--linha-forte); vertical-align:bottom; }
:where(body[data-css~="noticia"]) .nt-casas td{ padding:var(--e-3) var(--e-3) var(--e-3) 0; border-bottom:1px solid var(--linha); vertical-align:middle; }
:where(body[data-css~="noticia"]) .nt-casas td:first-child{ font-family:var(--serifa); font-size:var(--t-3); line-height:1.1; white-space:nowrap; }
:where(body[data-css~="noticia"]) .nt-casas td:first-child small{ display:block; font-family:var(--letra); font-size:var(--t-rotulo); color:var(--tinta-2); margin-top:2px; }
:where(body[data-css~="noticia"]) .nt-casas .num{ text-align:right; white-space:nowrap; }
:where(body[data-css~="noticia"]) .nt-casas th:last-child,:where(body[data-css~="noticia"]) .nt-casas td:last-child{ padding-right:0; }
:where(body[data-css~="noticia"]) .nt-casas td.num b{ font-family:var(--serifa); font-size:var(--t-3); font-weight:520; }
:where(body[data-css~="noticia"]) .nt-casas td.ganha{ font-family:var(--serifa); font-size:var(--t-3); font-weight:520; color:var(--oliva); }
:where(body[data-css~="noticia"]) .nt-casas-ganha th.num{ white-space:normal; max-width:9rem; }
@media (max-width:639.98px){
  :where(body[data-css~="noticia"]) .nt-casas:not(.nt-casas-ganha) thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  :where(body[data-css~="noticia"]) .nt-casas:not(.nt-casas-ganha) tr{ display:grid; grid-template-columns:2.4rem 1fr auto; gap:0 var(--e-3); border-bottom:1px solid var(--linha); padding-block:var(--e-3); }
  :where(body[data-css~="noticia"]) .nt-casas:not(.nt-casas-ganha) td{ border:0; padding:0; }
  :where(body[data-css~="noticia"]) .nt-casas td.onde{ grid-column:2; }
  :where(body[data-css~="noticia"]) .nt-casas td.area{ grid-column:2; grid-row:2; color:var(--tinta-2); }
  :where(body[data-css~="noticia"]) .nt-casas:not(.nt-casas-ganha) td.num{ grid-column:3; grid-row:1 / span 2; align-self:center; }
  :where(body[data-css~="noticia"]) /* a de Braga tem quatro colunas curtas: fica tabela, :where(body[data-css~="noticia"]) sem a área */
  .nt-casas-ganha th:nth-child(2),:where(body[data-css~="noticia"]) .nt-casas-ganha td.area{ display:none; }}

:where(body[data-css~="noticia"]) /* acontecimento (sorteio): madeira, :where(body[data-css~="noticia"]) nunca telha */
.nt-evento{ background:var(--madeira-clara); border-radius:var(--r-cartao); padding:var(--e-5) 20px; color:var(--tinta); }
:where(body[data-css~="noticia"]) .nt-evento > * + *{ margin-top:var(--e-2); }
:where(body[data-css~="noticia"]) .nt-evento .t-rotulo{ color:var(--madeira-esc); }
:where(body[data-css~="noticia"]) .nt-evento .accao-quando{ margin-top:0; }
:where(body[data-css~="noticia"]) .nt-evento p{ font-size:var(--t-apoio); }
:where(body[data-css~="noticia"]) .nt-evento .lig{ color:var(--telha-esc); }

:where(body[data-css~="noticia"]) /* «Concorreste?» e «Não concorreste?»: empilhados, :where(body[data-css~="noticia"]) a toda a largura, :where(body[data-css~="noticia"]) a mesma forma */
.nt-duas{ display:grid; gap:var(--e-4); }
:where(body[data-css~="noticia"]) .nt-duas .enquanto{ scroll-margin-top:calc(var(--topo) + 24px); }
:where(body[data-css~="noticia"]) .nt-aviso-t{ font-weight:700; color:var(--tinta); padding-top:10px; }
:where(body[data-css~="noticia"]) .nt-duas .enquanto li p + p{ margin-top:4px; }
:where(body[data-css~="noticia"]) .nt-aviso-form{ display:grid; gap:var(--e-3); margin-top:var(--e-3); max-width:30rem; }
:where(body[data-css~="noticia"]) .nt-aviso-form .bt-contorno{ justify-self:start; }
:where(body[data-css~="noticia"]) .nt-aviso-nota{ margin-top:var(--e-2); }

:where(body[data-css~="noticia"]) /* o gráfico que diz a conclusão: barras em HTML, :where(body[data-css~="noticia"]) cada linha leva à notícia desse concurso */
.nt-barras{ list-style:none; margin:0; padding:0; border-top:1px solid var(--linha); max-width:52rem; }
:where(body[data-css~="noticia"]) .nt-barras li{ border-bottom:1px solid var(--linha); }
:where(body[data-css~="noticia"]) .nt-barras a,:where(body[data-css~="noticia"]) .nt-barras .linha{ display:grid; grid-template-columns:1fr auto 20px; grid-template-areas:"nome valor seta" "barra barra barra"; gap:6px var(--e-3); align-items:center; min-height:56px; padding:var(--e-3) var(--e-3); color:var(--tinta); text-decoration:none; }
:where(body[data-css~="noticia"]) .nt-barras a:hover{ background:var(--branco); }
:where(body[data-css~="noticia"]) .nt-barras a:hover .nome b{ color:var(--telha-esc); text-decoration:underline; text-decoration-color:var(--madeira); text-underline-offset:4px; }
:where(body[data-css~="noticia"]) .nt-barras .seta{ grid-area:seta; width:18px; height:18px; color:var(--tinta-2); }
:where(body[data-css~="noticia"]) .nt-barras .nome{ grid-area:nome; font-size:var(--t-apoio); line-height:1.3; min-width:0; }
:where(body[data-css~="noticia"]) .nt-barras .nome b{ font-weight:600; }
:where(body[data-css~="noticia"]) .nt-barras .nome small{ font-size:var(--t-apoio); color:var(--tinta-2); margin-left:6px; }
:where(body[data-css~="noticia"]) .nt-barras .valor{ grid-area:valor; font-family:var(--serifa); font-size:var(--t-3); line-height:1.1; text-align:right; white-space:nowrap; }
:where(body[data-css~="noticia"]) .nt-barras .valor small{ font-family:var(--letra); font-size:var(--t-apoio); color:var(--tinta-2); margin-left:4px; }
:where(body[data-css~="noticia"]) .nt-barras .trilho{ grid-area:barra; height:12px; border-radius:var(--r-pilula); background:var(--cal-2); overflow:hidden; }
:where(body[data-css~="noticia"]) .nt-barras .trilho i{ display:block; height:100%; width:var(--v); background:var(--madeira); border-radius:var(--r-pilula); }
:where(body[data-css~="noticia"]) /* a Guarda: realce por dentro da linha, :where(body[data-css~="noticia"]) no mesmo eixo das outras */
.nt-barras li.esta .linha{ background:var(--branco); box-shadow:inset 4px 0 0 var(--tinta); }
:where(body[data-css~="noticia"]) .nt-barras li.esta .nome b{ font-weight:700; }
:where(body[data-css~="noticia"]) .nt-barras li.esta .trilho i{ background:var(--tinta); }
:where(body[data-css~="noticia"]) .nt-barras li.esta .trilho{ background:var(--cal); }

/* abertos perto: dois cartões e o caminho para quem ganha menos */
:where(body[data-css~="noticia"]) .nt-perto{ display:grid; gap:var(--e-4); align-items:start; }
:where(body[data-css~="noticia"]) .noticia .antetitulo{ justify-self:start; }

:where(body[data-css~="noticia"]) /* o fim no telemóvel: o prazo e o botão outra vez, :where(body[data-css~="noticia"]) depois do carimbo */
.nt-fim{ margin-top:var(--e-6); }
:where(body[data-css~="noticia"]) .nt-fim .accao-quando{ margin-top:0; }

:where(body[data-css~="noticia"]) /* outras notícias: sem grelha, :where(body[data-css~="noticia"]) uma lista de linhas */
.nt-mais{ padding-block:var(--e-7) var(--e-4); }
:where(body[data-css~="noticia"]) .nt-mais h2{ margin-bottom:var(--e-2); }
:where(body[data-css~="noticia"]) .nt-mais .noticia:first-of-type{ border-top:1px solid var(--linha); }

/* ---------- a partir de 640 px ---------- */
@media (min-width:640px){
  :where(body[data-css~="noticia"]) .nt-numero{ padding:var(--e-6); }
  :where(body[data-css~="noticia"]) .nt-estado{ padding:var(--e-5) var(--e-6) var(--e-6); }
  :where(body[data-css~="noticia"]) .nt-evento{ padding:var(--e-6); }
  :where(body[data-css~="noticia"]) .nt-barras a,:where(body[data-css~="noticia"]) .nt-barras .linha{ grid-template-columns:14rem 1fr 7.5rem 20px; grid-template-areas:"nome barra valor seta"; }
  :where(body[data-css~="noticia"]) .nt-barras .nome small{ display:block; margin-left:0; }
  :where(body[data-css~="noticia"]) .nt-perto{ grid-template-columns:1fr 1fr; }
  :where(body[data-css~="noticia"]) .nt-perto .enquanto{ grid-column:1 / -1; }
  :where(body[data-css~="noticia"]) .nt-aviso-form{ grid-template-columns:1fr auto; align-items:end; }}

/* ---------- a partir de 1024 px: duas colunas do princípio ao fim ---------- */
@media (min-width:1024px){
  :where(body[data-css~="noticia"]) .nt{ padding-top:0; }
  :where(body[data-css~="noticia"]) .nt-grelha{ grid-template-columns:minmax(0,1fr) 380px; grid-template-areas:"texto imagem" "artigo estado"; column-gap:var(--e-8); row-gap:var(--e-6); align-items:start; }
  :where(body[data-css~="noticia"]) .nt-texto{ grid-area:texto; }
  :where(body[data-css~="noticia"]) .nt-imagem,:where(body[data-css~="noticia"]) .nt-numero{ grid-area:imagem; }
  :where(body[data-css~="noticia"]) .nt-estado{ grid-area:estado; position:sticky; top:calc(var(--topo) + 24px); }
  :where(body[data-css~="noticia"]) .nt-artigo{ grid-area:artigo; }
  :where(body[data-css~="noticia"]) .nt-imagem .foto{ aspect-ratio:4/3; }
  :where(body[data-css~="noticia"]) .nt-numero{ padding:var(--e-6); }
  :where(body[data-css~="noticia"]) .nt-perto{ grid-template-columns:1fr 1fr 1fr; }
  :where(body[data-css~="noticia"]) .nt-perto .enquanto{ grid-column:auto; }}

@media print{
  :where(body[data-css~="noticia"]) .nt-estado .bt,:where(body[data-css~="noticia"]) .nt-fim,:where(body[data-css~="noticia"]) .nt-mais{ display:none !important; }}