/* Aniversário da Imobiágil (17/10) na página inicial: balões — ver home_aniversario.js.
   O chip fica em aniversario_chip.css (compartilhado com login e menu). */

.aniv-baloes {
    position: fixed;
    inset: 0;
    z-index: 1500;
    overflow: hidden;
    pointer-events: none;
}

.aniv-balao {
    position: absolute;
    bottom: -140px;
    left: var(--x);
    width: calc(52px * var(--escala));
    height: calc(96px * var(--escala));
    padding: 0;
    background: none;
    border: 0;
    opacity: 0.92;
    cursor: pointer;
    pointer-events: auto;
    animation:
        aniv-subir var(--dur) linear var(--atraso) forwards,
        aniv-balancar var(--balanco) ease-in-out infinite alternate;
}

.aniv-balao:hover {
    opacity: 1;
}

.aniv-balao svg {
    display: block;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 6px 10px rgba(14, 12, 10, 0.12));
}

@keyframes aniv-subir {
    to { transform: translateY(calc(-100vh - 180px)); }
}

@keyframes aniv-balancar {
    from { margin-left: -10px; rotate: -4deg; }
    to { margin-left: 10px; rotate: 4deg; }
}

.aniv-estouro {
    position: fixed;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    pointer-events: none;
    animation: aniv-estourar 0.6s ease-out forwards;
}

@keyframes aniv-estourar {
    to { transform: translate(var(--dx), var(--dy)) scale(0.2); opacity: 0; }
}