@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

body {
    font-family: 'Inter', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    color: #172B4D;
}

.fade-in-up {
    animation: fadeInUp 0.4s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.shadow-custom {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.rounded-card {
    border-radius: 12px;
}

.mud-text-bold {
    font-weight: 600;
}




.bg-gradient-fade {
    background: linear-gradient(135deg, #ffffff, #f0f4ff);
}

.bg-liquidacion-container {
    background: linear-gradient(to bottom, #f9fafa, #ffffff);
}

.liquidacion-header {
    background: linear-gradient(to right, #eef3fd, #ffffff);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.border-gradient {
    border: 3px solid transparent;
    border-radius: 50%;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #21cbf3, #2196f3) border-box;
}