/* Floating elements */
.yone-hero-floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

.yone-hero-floating-element {
    position: absolute;
    width: 45px; /* Reducido de 50px */
    height: 45px; /* Reducido de 50px */
    border-radius: 50%;
    background-color: var(--color-primary, #2A9D8F);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px; /* Reducido de 20px */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    animation: float 6s ease-in-out infinite;
}

.yone-hero-floating-element-1 {
    top: -5%; /* Ajustado para la nueva posición del teléfono */
    right: -5%; /* Ajustado para la nueva posición del teléfono */
    animation-delay: 0s;
}

.yone-hero-floating-element-2 {
    top: 55%; /* Ajustado para la nueva posición del teléfono */
    left: -5%; /* Ajustado para la nueva posición del teléfono */
    animation-delay: 2s;
}

.yone-hero-floating-element-3 {
    bottom: 15%; /* Ajustado para la nueva posición del teléfono */
    right: 40%; /* Ajustado para la nueva posición del teléfono */
    animation-delay: 4s;
}

@media (max-width: 991px) {
    .yone-hero-floating-element {
        width: 40px;
        height: 40px;
    }

    .yone-hero-floating-element-1 {
        top: -10%; /* Ajustado para la nueva posición del teléfono */
        right: 10%;
    }

    .yone-hero-floating-element-2 {
        top: 40%; /* Ajustado para la nueva posición del teléfono */
        left: 10%;
    }

    .yone-hero-floating-element-3 {
        bottom: 10%; /* Ajustado para la nueva posición del teléfono */
        right: 30%;
    }
}

@media (max-width: 767px) {
    .yone-hero-floating-element {
        width: 35px;
        height: 35px;
    }

    .yone-hero-floating-element-1 {
        top: -5%; /* Ajustado para la nueva posición del teléfono */
        right: 15%;
    }

    .yone-hero-floating-element-2 {
        top: 35%; /* Ajustado para la nueva posición del teléfono */
        left: 15%;
    }

    .yone-hero-floating-element-3 {
        bottom: 10%; /* Ajustado para la nueva posición del teléfono */
        right: 35%;
    }
}

@media (max-width: 480px) {
    .yone-hero-floating-element {
        width: 30px;
        height: 30px;
    }

    .yone-hero-floating-element-1 {
        top: -5%; /* Ajustado para la nueva posición del teléfono */
        right: 10%;
    }

    .yone-hero-floating-element-2 {
        top: 30%; /* Ajustado para la nueva posición del teléfono */
        left: 10%;
    }

    .yone-hero-floating-element-3 {
        bottom: 15%; /* Ajustado para la nueva posición del teléfono */
        right: 30%;
    }
}

@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}