.facts{position:relative;border-block:0;padding:56px var(--side) 64px;overflow:hidden}.facts:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffffff1f 1.5px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 14%,#0003 34%,#0003 66%,#000 86%,#000 100%);mask-image:linear-gradient(90deg,#000 0 14%,#0003 34% 66%,#000 86% 100%)}.facts .etiquetas{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;max-width:var(--max);margin:0 auto;padding:0;list-style:none}.etq{position:relative;display:grid;align-content:start;gap:4px;padding:18px 16px;border:1.5px solid transparent;border-radius:18px;box-shadow:0 16px 30px -20px #000c;translate:0 var(--y, 0);rotate:var(--r, 0deg);transition:opacity .7s ease var(--d, 0s),transform .7s ease var(--d, 0s),rotate .35s cubic-bezier(.2,.9,.3,1.3),translate .35s cubic-bezier(.2,.9,.3,1.3),box-shadow .3s ease}.etq img{width:64px;height:64px;margin:-34px 0 4px -4px;border-radius:0;filter:drop-shadow(0 6px 8px #0006);transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}.etq h3{margin:0;color:inherit;font:700 clamp(26px,5.4vw,40px) / 1.02 var(--font-display);letter-spacing:-.02em}.etq p{margin:0;font-size:15px;line-height:1.4;text-wrap:balance}.etq:after{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--ouro)}.etq-voz{--r: -2.2deg;background:var(--creme);color:var(--noite)}.etq-live{--r: 1.8deg;--y: 22px;background:var(--laranja);color:var(--noite)}.etq-duas{--r: -1.4deg;--y: 8px;background:var(--mata);color:var(--creme);border-color:var(--mata-rule)}.etq-bots{--r: 2.4deg;--y: 30px;background:var(--panel);color:var(--creme);border-color:var(--line-strong)}.etq-live:after{background:var(--noite)}.etq-voz p{color:#3d352b}.etq-live p{color:#1c1208}.etq-duas p{color:#d9d2c2}.etq-bots p{color:var(--muted)}.etq:hover,.etq:focus-within{rotate:0deg;translate:0 -6px;box-shadow:0 26px 40px -22px #000e}.etq:hover img{transform:rotate(-8deg) scale(1.1)}@media(min-width:900px){.facts{padding-block:72px 80px}.facts .etiquetas{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-inline:clamp(0px,3vw,40px)}.etq{padding:22px 22px 24px}.etq img{width:84px;height:84px;margin-top:-48px}}@media(prefers-reduced-motion:reduce){.etq,.etq img{transition:none}}
