.menu-mentorias-tip {
    max-width: 20rem;
    z-index: var(--z-app-overlay);
    background-color: var(--primary-100);
    border-color: var(--primary-500);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.menu-mentorias-tip .popover-body {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    color: var(--primary-900);
}

.menu-mentorias-tip strong {
    color: var(--primary-900);
    font-weight: var(--font-weight-bold);
}

.menu-mentorias-tip__close {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--primary-900);
    cursor: pointer;
}

.menu-mentorias-tip__close:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.menu-mentorias-tip[x-placement^="right"] > .arrow::before {
    border-right-color: var(--primary-500);
}

.menu-mentorias-tip[x-placement^="right"] > .arrow::after {
    border-right-color: var(--primary-100);
}

.menu-mentorias-tip[x-placement^="left"] > .arrow::before {
    border-left-color: var(--primary-500);
}

.menu-mentorias-tip[x-placement^="left"] > .arrow::after {
    border-left-color: var(--primary-100);
}

.menu-mentorias-tip[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: var(--primary-500);
}

.menu-mentorias-tip[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: var(--primary-100);
}

.menu-mentorias-tip[x-placement^="top"] > .arrow::before {
    border-top-color: var(--primary-500);
}

.menu-mentorias-tip[x-placement^="top"] > .arrow::after {
    border-top-color: var(--primary-100);
}