.foco-glass{background:radial-gradient(46% 55% at 80% 18%,#3796ff29,#0000 60%),radial-gradient(52% 60% at 12% 86%,#785aff1f,#0000 62%),linear-gradient(160deg,#eef3fb,#e4ecf7);position:relative;overflow:hidden}body.bg-solid .foco-glass{background:var(--pale-blue-2)}.foco-glass .focus__card{backdrop-filter:blur(14px)saturate(150%);background:linear-gradient(150deg,#ffffff9e,#ffffff47);border:1px solid #ffffffbf;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:164px;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -14px 30px -22px #7896dc66,0 20px 44px -22px #14285a47}.foco-glass .focus__card:hover{transform:translateY(-3px)}.foco-glass .focus__card--top:hover{transform:translate(-50%)translateY(-3px)}.foco-glass .focus__card>svg,.foco-glass .focus__card>p{z-index:2;position:relative}.foco-glass .focus__card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff8c,#0000 90%);height:52%;position:absolute;top:0;left:0;right:0}@media (width>=901px){.foco-glass .focus__card:before{content:"";pointer-events:none;opacity:0;z-index:1;background:radial-gradient(180px 180px at var(--mx,50%) var(--my,0%), #fff9, transparent 55%);transition:opacity .35s;position:absolute;inset:0}.foco-glass .focus__card:hover:before{opacity:1}}