/* DoCEIS 2027 — versão Institucional com as opções fixas (2026-11-13). */

/* 2026-11-13: a barra de opções só mostra "Amarelo no ano e na data" e "Foto da Home" (o resto está fixo em js/fixo.js) */
html[data-versao="institucional"] .pal-picker > *:not(.pal-amarelo):not(.pal-faixatexto):not(.pal-fotoinst):not(.pal-min) { display: none !important; }
html[data-versao="institucional"] .pal-picker > [hidden] { display: none !important; }
html[data-versao="institucional"] .pal-picker.is-min > .pal-amarelo,
html[data-versao="institucional"] .pal-picker.is-min > .pal-faixatexto,
html[data-versao="institucional"] .pal-picker.is-min > .pal-fotoinst { display: none !important; }

/* (antes: barra só com Foto, Destaque, Destaque no título e Foto da Home) */
html[data-versao="institucional"] .pal-picker > button[data-p],
html[data-versao="institucional"] .pal-logo,
html[data-versao="institucional"] .pal-titulo,
html[data-versao="institucional"] .pal-sponsors,
html[data-versao="institucional"] .pal-splayout,
html[data-versao="institucional"] .pal-ondas,
html[data-versao="institucional"] .pal-profs,
html[data-versao="institucional"] .pal-hof,
html[data-versao="institucional"] .pal-anim,
html[data-versao="institucional"] .pal-picker a { display: none !important; }

/* animações "rica" sem o brilho periódico em "AI-reshaped Life" (fazia a palavra desaparecer)
   nem o reflexo periódico no botão "Information for authors"; a entrada do título mantém-se */
html[data-versao="institucional"][data-anim="rica"] .hero .display > span.gold:not(.sr-only) {
  background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--gold);
  animation: anim-up .8s cubic-bezier(.2, .7, .2, 1) .34s both;
}
html[data-versao="institucional"][data-anim="rica"] .btn--gold::after { content: none; animation: none; }

/* 2026-11-13 (pedido do utilizador): o cartão "DoCEIS conference days" (JUN 24–25) na cor de destaque amarela,
   com texto azul-escuro (contraste ~8:1); antes era azul-escuro como o resto */
html[data-versao="institucional"] .tile--event { background: linear-gradient(160deg, #f1a926, #d98e0c); color: #0b2540; }
html[data-versao="institucional"] .date.is-now .tile--event { box-shadow: 0 0 0 4px var(--navy), 0 0 0 7px #d98e0c, 0 14px 34px rgba(var(--rgb-deep), .45); }

/* 2026-11-13 (análise de onde mais o amarelo ajuda na Home):
   1) a faixa da data "24 – 25 JUNE 2027" no topo a amarelo, a ligar ao cartão "conference days" (é a mesma data) */
html[data-versao="institucional"] .theme-banner__date { background: #f1a926; color: #0b2540; }
/* 2) os ")))" antes dos títulos das secções a amarelo (antes azuis), em todas as páginas */
html[data-versao="institucional"][data-ondas="sim"] .dash-title::before { background: #f1a926; }

/* opção "Amarelo no ano e na data: Não" (data-amarelo="nao"): a faixa da data volta a azul (o logótipo troca no js) */
html[data-versao="institucional"][data-amarelo="nao"] .theme-banner__date,
html[data-versao="institucional"][data-amarelo="ano"] .theme-banner__date { background: #03589d; color: #fff; }   /* "ano": só o ano do logótipo fica amarelo */

/* opção "Texto na faixa amarela: branco" (data-faixa-texto="branco"), só quando a data está amarela.
   Nota: branco sobre #f1a926 tem pouco contraste (~2:1); o azul-escuro dá ~8:1. */
html[data-versao="institucional"][data-faixa-texto="branco"]:not([data-amarelo]) .theme-banner__date { color: #fff; }

/* Telemóvel e tablet (≤ 900 px), só na Home (2026-11-13, pedido do utilizador): a foto do topo ocupa a largura toda
   e o céu azul ficava atrás do logótipo (azul), com pouco contraste. A foto passa a desvanecer no topo, para o
   logótipo ficar sobre o fundo claro da página; mantém-se o desvanecimento de baixo. */
@media (max-width: 900px) {
  html[data-versao="institucional"] .hero:not(.hero--page) .hero-photo {
    -webkit-mask-image: linear-gradient(180deg, transparent 0, transparent calc(var(--header-h) + 40px), #000 calc(var(--header-h) + 230px)), linear-gradient(0deg, transparent 0%, #000 60%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(180deg, transparent 0, transparent calc(var(--header-h) + 40px), #000 calc(var(--header-h) + 230px)), linear-gradient(0deg, transparent 0%, #000 60%);
    mask-composite: intersect;
  }
}

/* VERSÃO FINAL (gerar_final.py): sem barra de opções */
html[data-versao="institucional"] .pal-picker { display: none !important; }