.aviso{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;z-index:70;background:var(--tinta);color:var(--papel);transition:opacity .35s,transform .5s var(--ease);text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:.8em 1.3em;font-size:15px;font-weight:500;position:fixed;transform:translate(-50%,20px)}.aviso.claro{color:#111;transition:opacity .3s,transform .4s var(--ease);background:#fff;padding:.7em 1.2em;font-size:14px;transform:translate(-50%,16px);box-shadow:0 12px 30px -12px #00000080}.aviso.ver{opacity:1;transform:translate(-50%)}