.ferramenta-tooltip {
    cursor: pointer;
    color: #000; /* Cor preta por padrão */
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: #ffce40;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px; /* Controla a distância do underline das letras */
    font-weight: 500;
}
.ferramenta-tooltip:hover {
    color: #f3b311; /* Cor amarela no hover */
    text-decoration-style: solid;
}

/* Tooltip estilo "card" */
.tippy-box[data-theme~='standout'] {
    background: #fff;
    color: #000;
    border: 3px solid #f3b311;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    font-family: inherit;
    max-width: 320px;
    padding: 0;
}

.tippy-box[data-theme~='standout'] .tippy-content {
    padding: 2rem;
    display: flex; /* Para melhor controle do layout */
    align-items: center; /* Centraliza verticalmente */
    letter-spacing: 0;
}

/* Cor da seta igual à borda amarela e ajuste de posição */
.tippy-box[data-theme~='standout'] .tippy-arrow {
    color: #f3b311;
}

/* Ajusta posição da seta para compensar a borda de 3px */
.tippy-box[data-theme~='standout'][data-placement^='top'] .tippy-arrow {
    bottom: -3px; /* Move a seta 3px para baixo para tocar a borda */
}

.tippy-box[data-theme~='standout'][data-placement^='bottom'] .tippy-arrow {
    top: -3px; /* Move a seta 3px para cima para tocar a borda */
}

.tippy-box[data-theme~='standout'][data-placement^='left'] .tippy-arrow {
    right: -3px; /* Move a seta 3px para direita para tocar a borda */
}

.tippy-box[data-theme~='standout'][data-placement^='right'] .tippy-arrow {
    left: -3px; /* Move a seta 3px para esquerda para tocar a borda */
}

.tooltip-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    display: block; /* Volta ao display normal */
    width: 100%; /* Ocupa toda a largura disponível */
    max-width: 320px;
}
.tooltip-card h3 {
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.1; /* Reduz espaçamento entre linhas */
}
.tooltip-card .tooltip-divider {
    height: 3px;
    background: #f3b311;
    margin: 0;
    width: 100%;
}
.tooltip-card .tooltip-descricao-card {
    padding: 20px 5px 10px 5px;
}
.tooltip-card .tooltip-descricao-card p {
    margin: 0;
    color: #000;
    font-size: 1.9rem;
    line-height: 1.1; /* Reduz espaçamento entre linhas */
    text-align: center;
}

/* Overlay animado */
#metodo-standout.tooltip-overlay-active::before,
#metodo-standout.tooltip-overlay-hiding::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
#metodo-standout.tooltip-overlay-active::before {
    opacity: 1;
}

@media only screen and (max-width: 375px) {
    .tippy-box[data-theme~='standout'] {
        max-width: 240px;
    }
    .tooltip-card {
        max-width: 240px;
    }
}