body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #FFF8E1; }
.bg-paw { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%234A90E2" opacity="0.05" d="M10 10 Q20 0 30 10 T50 30 Q60 40 50 50 T30 70 Q20 80 10 70 T-10 50 Q-20 40 -10 30 T10 10Z"/></svg>'); background-size: 50px; }
.text-gradient {
    background: linear-gradient(45deg, #4A90E2, #FF6B9D);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* fallback for non-WebKit browsers */
    display: inline-block; /* helps preserve clip on inline elements */
}
.tag-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.tag-card:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 10px 25px rgba(74,144,226,0.2)!important; animation: paw-wiggle 0.5s ease; }
@keyframes paw-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 75% { transform: rotate(-5deg); } }
.card { border-radius: 20px !important; }
.btn { transition: all 0.3s; }
.btn:hover { transform: scale(1.05); }
.form-control:focus { border-color: #FF6B9D; box-shadow: 0 0 0 0.2rem rgba(255,107,157,0.25); }
.fa-paw { color: #7ED321; text-shadow: 0 0 5px rgba(126,211,33,0.5); }
footer { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); }
/* Estilos globales para MascotaQR */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Estilos para las cards */
.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Estilos para botones */
.btn {
    border-radius: 0.375rem;
    font-weight: 500;
}

/* Estilos para formularios */
.form-control:focus,
.form-select:focus {
    border-color: #4A90E2;
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.25);
}

/* Utilidades */
.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-xl {
    border-radius: 1rem;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Responsive images */
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* Text utilities */
.text-gradient {
    background: linear-gradient(135deg, #4A90E2, #FF6B9D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}