/* Correcciones para los iconos de contacto en dispositivos móviles en alemán */

@media (max-width: 900px), (pointer: coarse) and (max-width: 1280px) {
  /* Contenedor de botones de contacto */
  #contacto .contact-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 15px auto;
  }
  
  /* Todos los botones de contacto */
  #contacto .contact-cta .btn {
    display: inline-flex !important;
    align-items: center;
    margin: 4px;
  }
  
  /* Estilo específico para los SVG dentro de los botones */
  #contacto .contact-cta .btn svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    flex-shrink: 0;
  }
}