/* --- POPUPS PADRÃO (Topo Esquerdo) --- */
#hprn-popup-container {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 9999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* --- CONTAINER PARA VAGAS DE EMPREGO (Lado Direito, Abaixo do Meio) --- */
#hprn-job-popup-container {
    position: fixed;
    top: 60%; /* MUDANÇA: Mais para baixo do que 50% */
    right: 20px;
    transform: translateY(-50%);
    z-index: 10000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* O popup em si (estilo geral para todos) */
.hprn-popup {
    display: flex;
    align-items: center;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    max-width: 280px;
    transform: scale(0);
    animation: hprn-magic-in 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* Origem da animação para cada posição */
#hprn-popup-container .hprn-popup {
    transform-origin: top left;
}
#hprn-job-popup-container .hprn-popup {
    transform-origin: center right;
}

/* Ícone SVG */
.hprn-popup-icon svg { width: 28px; height: 28px; margin-right: 12px; flex-shrink: 0; }
.hprn-popup-icon svg path { fill: #ffffff; }
.hprn-popup.popup-anuncio .hprn-popup-icon svg path { fill: #FFD600; }

/* Textos */
.hprn-popup-text-wrapper { display: flex; flex-direction: column; line-height: 1.3; overflow: hidden; }
.hprn-popup-main-text { font-size: 13px; font-weight: 400; opacity: 0.9; }
.hprn-popup-title, .hprn-popup-subtitle { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hprn-popup-extra-info { font-size: 12px; font-weight: 300; opacity: 0.8; margin-top: 2px; }

/* Cores de fundo */
.hprn-popup.popup-cupons { background-color: #FF9800; }
.hprn-popup.popup-aluguel { background-color: #4CAF50; }
.hprn-popup.popup-anuncio { background-color: #2196F3; }
.hprn-popup.popup-empregos { background-color: #673AB7; }

/* Animação de saída */
.hprn-popup.hprn-fade-out { animation: hprn-magic-out 0.5s ease-out forwards; }
@keyframes hprn-magic-in { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes hprn-magic-out { from { transform: scale(1); opacity: 1; } to { transform: scale(0); opacity: 0; } }