@font-face{
            font-family: 'Lemon Milk';
            src: url('/fontes/lemonmilk-bold.woff2') format('woff2');
            font-weight: 700;
            font-display: swap;
        }
        @font-face{
            font-family: 'Ekster';
            src: url('/fontes/ekster-regular.woff2') format('woff2');
            font-weight: 400;
            font-display: swap;
        }
        @font-face{
            font-family: 'Ekster';
            src: url('/fontes/ekster-medium.woff2') format('woff2');
            font-weight: 500;
            font-display: swap;
        }
        @font-face{
            font-family: 'Ekster';
            src: url('/fontes/ekster-bold.woff2') format('woff2');
            font-weight: 700;
            font-display: swap;
        }

        #block-diferenciais #diff-section{
            --diff-navy: #253064;
            --diff-gold:  #D89A14;
            --diff-white: #ffffff;
            --diff-gray:  #333333;
            width: 100%;
            background: var(--diff-navy);
            padding: 50px clamp(24px, 7.3vw, 140px);
            min-height: 35vw;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            font-family: 'Ekster', sans-serif;
            box-sizing: border-box;
        }

        #block-diferenciais #diff-section *,
#block-diferenciais #diff-section *::before,
#block-diferenciais #diff-section *::after{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        #block-diferenciais #diff-section .diff-inner{
            max-width: 1640px;
            width: 100%;
        }

        #block-diferenciais #diff-section .diff-header{
            margin-bottom: clamp(32px, 4vw, 56px);
            text-align: left;
            opacity: 0;
        }

        #block-diferenciais #diff-section .diff-tag{
            font-size: 18px;
            font-weight: 700;
            color: var(--diff-gold);
            text-transform: uppercase;
            letter-spacing: 2px;
            display: block;
            margin-bottom: 8px;
        }

        #block-diferenciais #diff-section .diff-title{
            font-family: 'Lemon Milk', sans-serif;
            font-size: 34px;
            color: var(--diff-white);
            text-transform: uppercase;
            line-height: 1.1;
            letter-spacing: 0.5px;
            max-width: 800px;
        }

        #block-diferenciais #diff-section .diff-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            width: 100%;
        }

        #block-diferenciais #diff-section .diff-card{
            background: var(--diff-white);
            border-radius: 15px;
            padding: 40px 25px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            box-shadow: 0 15px 40px rgba(0,0,0,0.2);
            height: 100%;
            min-height: 340px;
            justify-content: center;
            transition: transform 0.3s ease;
            opacity: 0;
        }

        #block-diferenciais #diff-section .diff-card:hover{
            transform: translateY(-5px);
        }

        #block-diferenciais #diff-section .diff-icon{
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #block-diferenciais #diff-section .diff-icon img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        #block-diferenciais #diff-section .diff-card-title{
            font-family: 'Lemon Milk', sans-serif;
            color: var(--diff-gold);
            font-size: 22px;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
            line-height: 1.2;
            min-height: 2.4em;
            display: flex;
            align-items: center;
            justify-content: center;
            max-width: 280px;
        }

        #block-diferenciais #diff-section .diff-card-text{
            color: var(--diff-gray);
            font-size: 15px;
            line-height: 1.5;
            font-weight: 500;
            max-width: 250px;
            margin: 0 auto;
        }

        #block-diferenciais #diff-section .diff-card-text strong{
            font-weight: 700;
            color: #000;
        }

        @media (max-width: 1024px){
            #block-diferenciais #diff-section .diff-tag{ font-size: 14px; }
            #block-diferenciais #diff-section .diff-title{ font-size: 28px; }
        }

        @media (max-width: 1200px){
            #block-diferenciais #diff-section .diff-grid{ grid-template-columns: repeat(2, 1fr); gap: 30px; }
            #block-diferenciais #diff-section .diff-card{ min-height: 380px; }
        }

        @media (max-width: 600px){
            #block-diferenciais #diff-section{
                padding: 60px 24px;
                min-height: auto;
            }
            #block-diferenciais #diff-section .diff-header{ text-align: center; }
            #block-diferenciais #diff-section .diff-tag{ font-size: 11px; letter-spacing: 2px; }
            #block-diferenciais #diff-section .diff-title{ font-size: 22px; }
            #block-diferenciais #diff-section .diff-grid{ grid-template-columns: 1fr; }
            #block-diferenciais #diff-section .diff-card{ padding: 40px 20px; min-height: auto; }
        }