/* Efecto vidrio (glass). Para quitarlo: VIDRIO = False en fuente/build.py y volver a generar. Respaldo sin vidrio: ~/Documents/Beret Studio/respaldos/ */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cab{background:rgba(247,246,243,.68);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}
  .cab[data-scrolled]{border-color:rgba(18,18,18,.08)}
  /* el menú móvil va sólido: dentro de la cabecera con vidrio el navegador no puede desenfocar lo de atrás */
  .cab:has(.menu-btn[aria-expanded="true"]){background:var(--hueso);-webkit-backdrop-filter:none;backdrop-filter:none}
  .chip-cotizar{background:rgba(36,65,232,.94);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);border:1px solid rgba(247,246,243,.35)}
  /* tarjetas que pasan sobre el titular fijo: se ve el titular desenfocado a través */
  .tj{border:1px solid rgba(247,246,243,.45);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 20px 50px rgba(18,18,18,.12)}
  .tj--t1,.tj--t4{background:rgba(36,65,232,.92)}
  .tj--t3,.tj--t6{background:rgba(18,18,18,.72);border-color:rgba(247,246,243,.14)}
  .tj--t2{background:rgba(255,255,255,.42);outline:0;border-color:rgba(255,255,255,.8)}
  .tj--t5{background:rgba(236,234,228,.5);border-color:rgba(255,255,255,.7)}
  .tv-rejilla i{background:rgba(236,234,228,.75)}
}