/* --- Botones flotantes solo en móvil --- */
@media only screen and (max-width: 768px) {

  /* Selecciona los botones por su URL */
  a[href^="tel:"],
  a[href^="https://wa.me/"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: fixed !important;
    right: 18px !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 24px !important;       /* tamaño del icono */
    text-decoration: none !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.18) !important;
    z-index: 99999 !important;
  }

  /* Teléfono arriba */
  a[href^="tel:"] {
    bottom: 78px !important;
    background: #007bff !important;
  }

  /* WhatsApp abajo */
  a[href^="https://wa.me/"] {
    bottom: 18px !important;
    background: #25D366 !important;
  }
}

/* --- Ocultar en escritorio --- */
@media only screen and (min-width: 769px) {
  a[href^="tel:"],
  a[href^="https://wa.me/"] {
    display: none !important;
  }
}

/* Por defecto ocultamos el de móvil */
.slider-movil {
  display: none;
}

/* En pantallas de hasta 768px (móviles) ocultamos el de PC y mostramos el de móvil */
@media (max-width: 768px) {
  .slider-pc {
    display: none;
  }
  .slider-movil {
    display: block;
  }
}