@keyframes boton-telefono-grande-abajo-shake {
  0%   { transform: rotate(0deg); }
  2%   { transform: rotate(-6deg); }
  4%   { transform: rotate(6deg); }
  6%   { transform: rotate(-5deg); }
  8%   { transform: rotate(5deg); }
  10%  { transform: rotate(-3deg); }
  12%  { transform: rotate(3deg); }
  14%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

.boton-telefono-grande-abajo {
  position: fixed;
  left: 15px;
  bottom: 15px;
  width: 285px; /* Valor por defecto para pantallas >=1920px */
  height: auto;
  aspect-ratio: 253 / 100; /* Ajusta el valor 100 según la proporción real de tu imagen */
  background-image: url('/images/inicio/boton_telefono_grande_abajo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  z-index: 9999;
  cursor: pointer;
  transition: transform 0.2s;
  border: none;
  outline: none;
  text-decoration: none;
  animation: boton-telefono-grande-abajo-shake 7s infinite;
}

/* Ocultar hasta 991px */
@media (max-width: 991px) {
  .boton-telefono-grande-abajo {
    display: none;
  }
}

/* 992px a 1024px */
@media (min-width: 992px) and (max-width: 1024px) {
  .boton-telefono-grande-abajo {
    width: 210px;
  }
}

/* 1025px a 1199px */
@media (min-width: 1025px) and (max-width: 1199px) {
  .boton-telefono-grande-abajo {
    width: 220px;
  }
}

/* 1200px a 1365px */
@media (min-width: 1200px) and (max-width: 1365px) {
  .boton-telefono-grande-abajo {
    width: 230px;
  }
}

/* 1366px a 1399px */
@media (min-width: 1366px) and (max-width: 1399px) {
  .boton-telefono-grande-abajo {
    width: 240px;
  }
}

/* 1400px a 1599px */
@media (min-width: 1400px) and (max-width: 1599px) {
  .boton-telefono-grande-abajo {
    width: 250px;
  }
}

/* 1600px a 1919px */
@media (min-width: 1600px) and (max-width: 1919px) {
  .boton-telefono-grande-abajo {
    width: 260px;
  }
}

/* 1920px en adelante */
@media (min-width: 1920px) {
  .boton-telefono-grande-abajo {
    width: 270px;
  }
}

.boton-telefono-grande-abajo:hover {
  transform: scale(1.05);
  animation: none;
}