#volquete {
    position: relative;
    animation: slideInVibrateY 2s ease-out forwards;
}

@keyframes slideInVibrateY {
    0% {
    transform: translateY(-100%); /* arranca desde arriba */
    opacity: 1;
    }
    70% {
    transform: translateY(0);
    opacity: 1;
    }
    80% {
    transform: translateY(-5px);
    }
    85% {
    transform: translateY(5px);
    }
    90% {
    transform: translateY(-3px);
    }
    95% {
    transform: translateY(3px);
    }
    100% {
    transform: translateY(0);
    }
}

 #volquete2 {
    max-width: 100%;   /* nunca se pasa del ancho de la pantalla */
    height: 70vh;      /* mantiene la proporción */
    display: block;    /* evita espacios raros */
    margin: 0 auto;    /* centra la imagen */
  }


/* boton de whtasapp*/
.whatsapp-button {
    display: inline-flex;
    position: fixed;
    bottom: 40px;
    right: 40px;
    background-color: #19d95c;

    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    color: white;
    font-size: 44px;
    border-radius: 50%;
    text-align: center;
    z-index: 1000;

    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
    animation: bounce 2s ease-in-out infinite;
    animation-delay: 4s; /* espera inicial antes del primer salto */
}

/* Hover: zoom y mantiene color blanco */
.whatsapp-button:hover {
    transform: scale(1.1);
    background-color: #1ebe57;
    color: white;
}

/* Animación de saltito */
@keyframes bounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  85% {
    transform: translateY(-15px); /* sube */
  }
  90% {
    transform: translateY(0); /* vuelve */
  }
  95% {
    transform: translateY(-9px); /* un saltito más corto */
  }
  100% {
    transform: translateY(0); /* vuelve a su lugar */
  }
}

/* correccion del largo del titulo volquertes ya*/
#ss-logo {
  width: 300px; /* aumentá el ancho */
  height: auto; /* mantiene la proporción */
  display: flex;
  align-items: center;
}