/* ============================================================
   PatitasQR — app.css
   Utilidades globales que complementan TailwindCSS
   ============================================================ */

/* Respeta el área segura del iPhone (notch inferior) */
.safe-bottom { padding-bottom: max(1rem, env(safe-area-inset-bottom)); }

/* Tamaño mínimo táctil (44×44px recomendado por Apple/Google) */
.tap { min-height: 48px; }

/* Animación de entrada de tarjeta */
@keyframes card-in {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Pulso urgente — banner de mascota perdida */
@keyframes pulse-banner {
    0%, 100% { opacity: 1; }
    50%       { opacity: .72; }
}