/* ══════════════════════════════════════════════════════════════════════
   04 · ACABAMENTO — movimento reduzido, contraste, canto contínuo,
   ultrawide, cores forçadas e impressão.
   DOCS/01_sistema-visual.md §5.3, §11.
   Esta camada entra por último: ela corrige as anteriores.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Movimento reduzido (§5.3) — desligado quer dizer desligado ───── */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .revela{ opacity:1 !important; transform:none !important; }
  /* O traço da capa fica parado, com o degradê estático */
  .capa__rolar-traco::after{ animation:none !important; transform:none !important; }
}

/* ── Canto contínuo (§11.5) ───────────────────────────────────────
   border-radius é arco de círculo emendado em reta (G1). Onde houver
   suporte, a curvatura passa a mudar progressivamente. */
@supports (corner-shape: superellipse(2)){
  .vidro, .carrossel__item, .estudo, .carrossel__foto, .painel{
    corner-shape: superellipse(var(--lf-superelipse));
  }
}

/* ── backdrop-filter ausente (§11.4) ──────────────────────────────
   O vidro nunca é responsável pelo contraste do texto: o fallback é
   sólido e passa AAA sozinho. O gradiente substitui a sensação de luz
   entrando pela borda de cima. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .vidro{
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05)),
                rgba(9,17,45,.86);
    border-color: rgba(255,255,255,.20);
  }
}

/* ── prefers-contrast: more (§11.3) ──────────────────────────────── */
@media (prefers-contrast: more){
  :root{
    --lf-texto-2: rgba(255,255,255,.90);
    --lf-texto-3: rgba(255,255,255,.82);
    --lf-vidro:   rgba(255,255,255,.12);
    --lf-vidro-borda: rgba(255,255,255,.34);
  }
  /* mesma elipse do §6.3, com o véu mais fechado */
  .capa__leitura{
    background: radial-gradient(150% 120% at 0% 100%,
                                rgba(4,9,31,.96)  0%,
                                rgba(4,9,31,.84) 34%,
                                rgba(4,9,31,.60) 54%,
                                rgba(4,9,31,.24) 72%,
                                transparent      88%),
                linear-gradient(180deg, transparent 76%, var(--lf-noite) 100%);
  }
  .carrossel__item:not(.ativo){ opacity:.82; filter:none; }
}

/* ── Ultrawide (§11.6) ───────────────────────────────────────────
   O texto está à esquerda; a luz acompanha. Sem o deslocamento dos
   centros, a composição vira letterbox com um brilho no meio. */
@media (min-width: 2100px) and (min-aspect-ratio: 21/10){
  #iluminacao{
    background: radial-gradient(96% 86% at 42% 45%, var(--lf-noite-2) 0%, var(--lf-noite) 70%);
  }
  .capa__leitura{ --centro: 42%; }
  .capa__foto{ object-position: 58% 46%; }
  /* A seção 03, centralizada, ganha teto para não virar linha larga no vazio */
  #automacao .secao__conteudo{ max-width: 900px; }
}

/* ── Cores forçadas (alto contraste do Windows) e impressão (§11.7) ── */
@media (forced-colors: active){
  .vidro{ background: Canvas; border: 1px solid CanvasText; backdrop-filter: none; box-shadow: none; }
  .capa__tinta, .capa__luz, .capa__leitura, .estudo, .brilhos, #rodape::before{ display: none; }
  :focus-visible{ outline: 2px solid Highlight; }
}

@media print{
  .capa__tinta, .capa__luz, .capa__leitura, .carrossel__seta, .pular,
  .campo-fitotaxia, .brilhos, .capa__rolar{ display: none; }
  body{ background: #FFF; color: #000; }
  #capa{ height: auto; min-height: 0; }
  .carrossel__trilho{ overflow: visible; flex-wrap: wrap; }
  /* No papel vale a versão em cor da marca — a branca some
     (Identidade_Visual_LF.html, §Limite). Ver DOCS/04_implementacao.md. */
}