/* Máscara escura bloqueadora */
#tour-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Fundo bem escuro */
    z-index: 9998;
    pointer-events: all; /* Bloqueia cliques em tudo que está atrás */
}

/* Elemento em destaque */
.tour-highlight {
    position: relative !important;
    z-index: 9999 !important; /* Acima do overlay */
    outline: 4px solid #00d1b2; /* Cor de destaque (ex: verde jurídico) */
    pointer-events: all !important; /* Permite clicar apenas aqui */
    border-radius: 4px;
    background-color: #fff;
}

#ai-site .tour-highlight,
#ai-site .tour-highlight a {
    color: #333;
}

/* Tooltip acima do elemento */
.tour-tooltip {
    position: absolute;
    background: #fff;
    color: #333;
    padding: 12px 16px;
    border-radius: 8px;
    z-index: 10000;
    width: 250px;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.5));
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

/* Seta da Tooltip (Apontando para baixo) */
.tour-tooltip::after {
    content: "";
    position: absolute;
    top: 100%; /* Base da tooltip */
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}