/* Variables Globales de Diseño (Design System) */
:root {
    --mf-primary: #0d6efd;
    --mf-secondary: #003366;
    --mf-bg-light: #f8fbff;
    --mf-text-title: #0f172a;
    --mf-text-body: #475569;
}

/* Tipografía Global Estandarizada para Títulos */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Inter', sans-serif !important;
    letter-spacing: -0.5px;
    color: var(--mf-text-title);
}

html,
body {
    overflow-x: hidden;
    width: 100%;
    color: var(--mf-text-body);
}

.wave-container {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    position: relative;
    background: none;
}

.wave-container svg {
    display: block;
    width: 100%;
    height: 140px;
    min-height: 80px;
    max-height: 180px;
    background: none;
}