/* =========================================
   RESPONSIVE FONT SYSTEM
   ========================================= */
:root {
    --font-extra-large: clamp(40px, 5vw, 72px);
    --font-h1: clamp(28px, 3.3vw, 48px);
    --font-middle-large: clamp(24px, 2.8vw, 42px);
    --font-h2: clamp(22px, 2.4vw, 36px);
    --font-center: clamp(24px, 2vw, 30px);
    --font-h3: clamp(20px, 1.8vw, 24px);
    --font-body-large: clamp(16px, 1.4vw, 20px);
    --font-body: clamp(14px, 1.2vw, 16px);
    --font-small: clamp(12px, 1vw, 14px);

    --bg-light: #f8f9fa;
    --bg-dark: #1a1a1a;
    --bg-muted: #f2f2f2;
    --bg-accent: #fff5f5;
}

h1 { font-size: var(--font-h1) !important; }
h2 { font-size: var(--font-h2) !important; }
h3 { font-size: var(--font-h3) !important; }
body { font-size: var(--font-body); line-height: 1.6; }
p{ font-size: var(--font-body); }

.bg-muted{
    background-color: var(--bg-muted);
}
.bg-gradient-primary{
    background: linear-gradient(to left, var(--fs-color-primary), var(--fs-color-secondary));
}
.title-section{
    position: relative;
    width: fit-content;
    margin-bottom:25px;
}
.title-section.line-center{
    margin:0 auto 25px;
}
.title-section.line-left:after,
.title-section.line-center:after{
    content:"";
    background: var(--fs-color-secondary);
    height:3px;
    width: 50%;
    position: absolute;
    bottom:-5px;
}

.title-section.line-left:after{
    left:0;
}
.title-section.line-center:after{
    left:50%;
    transform: translateX(-50%);
}
.w-50{
    width:50% !important
}
.section-final .button.white{
    border-color: #fff;
}
.section-final .button.white span{
    color:#fff;
}
.section-final .button.white:hover span{
    color: var(--fs-color-primary);
}

/* footer */
.section-footer *{
    color:#fff;
}
.section-footer .footer-title{
    font-size: var(--font-h3);
    font-weight: 600;
    margin:0;
}

.section-footer hr{
    width:50px;
    opacity: .7;
    border:1px solid #fff;
    margin: 5px 0 15px;
}

.section-footer .ux-menu-link__link{
    border: none !important;
    min-height: auto;
    margin-bottom:10px;
}
.section-footer .ux-menu-link__link:hover{
    border-bottom: 1px solid #fff !important
}