/* =============================================
   Provador Virtual Acqua Bronze - Styles
   Minimalista / Moderno / Refinado
   ============================================= */

* {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Step transitions */
.step-enter {
    animation: stepEnter 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.step-exit {
    animation: stepExit 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes stepEnter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes stepExit {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-8px); }
}

/* Result animation */
.result-enter {
    animation: resultEnter 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes resultEnter {
    from { opacity: 0; transform: scale(0.97) translateY(16px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

/* Pulse badge */
.pulse-badge {
    animation: pulse 2.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

/* Selected card */
.card-selected {
    box-shadow: 0 0 0 2px rgba(253, 112, 3, 0.25);
}