/* Acabamento comum a todas as páginas da SIQ:
   transição entre páginas, foco visível, seleção, âncoras abaixo do menu fixo
   e corte de qualquer elemento decorativo que vaze na horizontal (celular). */

/* Troca de página com fade curto (Chrome/Edge/Safari recentes; nos outros, navegação normal) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}

/* clip não cria área de rolagem própria, então o menu sticky continua funcionando */
html,body{overflow-x:clip}

[id]{scroll-margin-top:84px}
::selection{background:rgba(0,194,255,.3);color:#fff}
html{scrollbar-color:rgba(140,175,235,.28) transparent}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #00C2FF;outline-offset:3px;border-radius:10px}
img{max-width:100%}

/* Perguntas frequentes: abre com um movimento curto, sem pulo seco */
details>p{animation:siqFaq .2s cubic-bezier(.2,.7,.2,1)}
@keyframes siqFaq{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
summary{transition:color .15s ease}
summary:hover{color:#fff}
details{transition:border-color .18s ease}
details:hover,details[open]{border-color:rgba(0,194,255,.32)}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}