/* Vidro — os 30% do sistema. O relevo é a matéria (70%); o vidro é só o que sobrepõe
   temporariamente: barra fixa, painel de proveniência aberto, folha lateral, diálogo, teaser pago.
   O vidro só existe se houver contraste por baixo. Nunca em superfícies de dados. */
:root{
--vidro-1:rgba(245,247,250,0.46);
--vidro-2:rgba(245,247,250,0.78);
--vidro-marca:rgba(232,221,200,0.22);
--vidro-desfoque:blur(18px) saturate(1.3) brightness(1.03);
--vidro-teaser:blur(7px);
--vidro-fio:inset 1.5px 1.5px 0 rgba(255,255,255,0.9),inset -1px -1px 0 rgba(23,61,100,0.12);
--vidro-sombra:10px 14px 28px rgba(21,38,58,0.14);
}
.vidro-gelo{background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,0.55) 0,rgba(255,255,255,0.55) 1px,transparent 1px,transparent 3px)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
:root{--vidro-1:#F5F7FA;--vidro-2:#F5F7FA;--vidro-marca:#F5F7FA}
.vidro-gelo{background-image:none}
}
@media (prefers-reduced-transparency:reduce){
.vidro--opaco{background-color:#F5F7FA!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-image:none!important}
}