.elementor-2780 .elementor-element.elementor-element-0dd1918{margin:0rem 0.5rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0.5rem;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0dd1918 *//* 2. Statyczny, solidny środek kółeczka */
.pulse-dot {
   display: inline-block;
    position: relative;
    
    /* Rozmiar rdzenia ze screena (lekko powiększony pod border) */
    width: 24px; 
    height: 24px;
    
    /* Solidne tło: Brandowy niebieski Vanberg */
    background-color: #3B82F6; 
    border-radius: 50%;
    
    /* ===================================================
       NOWOŚĆ: Półprzezroczysta ramka (Border) 20%
       Niebieski #3B82F6 konwertowany na RGBA: 59, 130, 246
       20% opacity = 0.2
    =================================================== */
    border: 3px solid rgba(59, 130, 246, 0.2); 
    
    /* Delikatne wyśrodkowanie pionowe względem linii tekstu */
    transform: translateY(1px); 
    z-index: 10;
}

.pulse-dot::after {
    content: '';
    position: absolute;
    /* Musi pokrywać całą kropkę razem z borderem */
    top: -3px; left: -3px; width: calc(100% + 6px); height: calc(100% + 6px);
    
    background-color: rgba(59, 130, 246, 1); 
    border-radius: 50%;
    
    /* Podpięcie animacji (v-pulse) */
    animation: v-pulse 1.8s ease-out infinite;
    
    /* Musi być pod spodem rdzenia */
    z-index: -1; 
}

/* 3. Definicja animacji (Bez zmian) */
@keyframes v-pulse {
    /* Początek: halo ma ten sam rozmiar co rdzeń z ramką, widoczne w 70% */
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    /* Koniec: halo powiększa się i całkowicie znika */
    100% {
        transform: scale(2.8); /* Lekko zmniejszone skalowanie, bo halo startuje większe */
        opacity: 0; /* Całkowity zanik */
    }
}/* End custom CSS */