/* Cross-browser compatibility fixes for Consolidador Bancario */

/* Fix for webkit-image-set warnings */
.background-image-compat {
  background-image: -webkit-image-set(
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%23f0f0f0"/></svg>') 1x,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%23e0e0e0"/></svg>') 2x
  );
  background-image: image-set(
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%23f0f0f0"/></svg>') 1x,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="%23e0e0e0"/></svg>') 2x
  );
}

/* User select compatibility for all browsers */
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Text size adjust for better mobile compatibility */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Forced color adjust for better accessibility */
.forced-color-adjust-auto {
  -webkit-forced-color-adjust: auto;
  forced-color-adjust: auto;
}

.forced-color-adjust-none {
  -webkit-forced-color-adjust: none;
  forced-color-adjust: none;
}

/* Filter compatibility */
.filter-none {
  -webkit-filter: none;
  filter: none;
}

.filter-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

/* Transform compatibility */
.transform-compat {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Animation compatibility */
@keyframes fadeInCompat {
  from { 
    opacity: 0; 
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to { 
    opacity: 1; 
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fade-in-compat {
  -webkit-animation: fadeInCompat 0.5s ease-in;
  animation: fadeInCompat 0.5s ease-in;
}

/* Box shadow compatibility */
.box-shadow-compat {
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Border radius compatibility */
.border-radius-compat {
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}

/* Flexbox compatibility */
.flex-compat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* Grid compatibility */
.grid-compat {
  display: -ms-grid;
  display: grid;
}

/* Transition compatibility */
.transition-compat {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Media queries for better mobile support */
@media screen and (max-width: 768px) {
  .mobile-compat {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
}

/* Print styles compatibility */
@media print {
  .print-compat {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
