/* Tooltip propio (core/js/tooltip.js): oscuro sobre fondo claro y claro sobre oscuro; textos largos en varias líneas. */
.tip { position: fixed; z-index: 1000; max-width: min(24rem, calc(100vw - 1rem)); padding: 0.4375rem 0.6875rem;
    border-radius: 0.5rem; background: rgb(var(--c-txt)); color: rgb(var(--c-card)); box-shadow: var(--shadow-pop);
    font-size: 0.8125rem; font-weight: 500; line-height: 1.4; white-space: pre-line; overflow-wrap: anywhere;
    pointer-events: none; animation: tip-in .08s ease-out; }
.tip[hidden] { display: none; }
@keyframes tip-in { from { opacity: 0; transform: translateY(2px); } to { opacity: 1; transform: none; } }
.tip.abajo { animation-name: tip-in-abajo; }
@keyframes tip-in-abajo { from { opacity: 0; transform: translateY(-2px); } to { opacity: 1; transform: none; } }