.comDica{position:relative}.comDica:after{content:attr(data-dica);z-index:30;font-family:var(--font-base);white-space:nowrap;color:#f4f1f8;border:1px solid rgba(var(--casa-rgb), .35);box-shadow:0 14px 30px #00000080, 0 0 16px rgba(var(--casa-rgb), .18);opacity:0;pointer-events:none;background:#1b0a28;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.2;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 11px);left:50%;transform:translate(-50%,-4px)}.comDica:before{content:"";z-index:29;border-left:1px solid rgba(var(--casa-rgb), .35);border-top:1px solid rgba(var(--casa-rgb), .35);opacity:0;pointer-events:none;background:#1b0a28;width:9px;height:9px;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-4px)rotate(45deg)}.comDica.dicaLonga:after{white-space:normal;text-align:center;width:max-content;max-width:260px;line-height:1.35}.dicaEnvolta{display:inline-flex}@media (hover:hover){.comDica:hover:after{opacity:1;transform:translate(-50%)}.comDica:hover:before{opacity:1;transform:translate(-50%)rotate(45deg)}}.comDica:focus-visible:after{opacity:1;transform:translate(-50%)}.comDica:focus-visible:before{opacity:1;transform:translate(-50%)rotate(45deg)}.comDica:focus-visible{outline:2px solid var(--casa-brilho);outline-offset:3px}@media (prefers-reduced-motion:reduce){.comDica:after,.comDica:before{transition:none}}