/* ===== DIFERENCIAIS MODERNOS ===== */

        #differentials {

            padding: 80px 0;

            position: relative;

            overflow: hidden;

        }



        #differentials::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: radial-gradient(circle at 20% 50%, rgba(255, 193, 7, 0.03) 0%, transparent 50%);

            pointer-events: none;

        }



        .differentials-wrapper {

            display: grid;

            grid-template-columns: 1fr 1.5fr;

            gap: 50px;

            align-items: center;

            background: linear-gradient(145deg, rgba(30, 30, 30, 0.9), rgba(20, 20, 20, 0.95));

            border-radius: 25px;

            overflow: hidden;

            border: 1px solid rgba(255, 193, 7, 0.15);

            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);

        }



        .differentials-image {

            height: 100%;

            min-height: 500px;

            position: relative;

            overflow: hidden;

        }



        .differentials-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.8s ease;

        }



        .differentials-wrapper:hover .differentials-image img {

            transform: scale(1.05);

        }



        .differentials-image::after {

            content: '';

            position: absolute;

            top: 0;

            right: 0;

            width: 100px;

            height: 100%;

            background: linear-gradient(90deg, transparent, rgba(20, 20, 20, 0.95));

        }



        .differentials-content {

            padding: 60px 60px 60px 20px;

        }



        .differentials-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 30px;

        }



        .differential-item {

            display: flex;

            gap: 20px;

            align-items: flex-start;

            padding: 25px;

            background: rgba(255, 193, 7, 0.03);

            border-radius: 15px;

            border-left: 4px solid var(--primary-yellow);

            transition: all 0.4s ease;

        }



        .differential-item:hover {

            background: rgba(255, 193, 7, 0.08);

            transform: translateX(10px);

            box-shadow: 0 10px 30px rgba(255, 193, 7, 0.1);

        }



        .differential-icon {

            width: 60px;

            height: 60px;

            min-width: 60px;

            background: linear-gradient(135deg, var(--primary-yellow), #ffdd44);

            border-radius: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 1.6rem;

            color: var(--dark-bg);

            transition: all 0.4s ease;

        }



        .differential-item:hover .differential-icon {

            transform: rotate(5deg) scale(1.1);

            box-shadow: 0 8px 20px rgba(255, 193, 7, 0.4);

        }



        .differential-text h3 {

            color: var(--light-text);

            margin-bottom: 10px;

            font-size: 1.3rem;

            font-weight: 600;

        }



        .differential-text p {

            color: var(--secondary-text);

            line-height: 1.7;

            font-size: 0.95rem;

            margin: 0;

        }



        /* ===== CASES SECTION ===== */

        #cases {

            padding: 100px 0;

            position: relative;

        }



        #cases::before {

            content: '';

            position: absolute;

            top: 50%;

            right: 0;

            width: 50%;

            height: 80%;

            background: radial-gradient(circle at 80% 50%, rgba(255, 193, 7, 0.05) 0%, transparent 70%);

            pointer-events: none;

        }



        .cases-grid {

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 30px;

            margin-top: 20px;

        }



        .case-card {

            background: linear-gradient(145deg, rgba(25, 25, 25, 0.95), rgba(15, 15, 15, 0.98));

            border-radius: 20px;

            overflow: hidden;

            border: 1px solid rgba(255, 193, 7, 0.1);

            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

            position: relative;

            cursor: pointer;

        }



        .case-card::after {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: linear-gradient(135deg, transparent 0%, rgba(255, 193, 7, 0.05) 100%);

            opacity: 0;

            transition: opacity 0.4s ease;

            pointer-events: none;

        }



        .case-card:hover::after {

            opacity: 1;

        }



        .case-card:hover {

            transform: translateY(-12px);

            border-color: var(--primary-yellow);

            box-shadow: 0 30px 60px rgba(255, 193, 7, 0.2);

        }



        .case-image {

            width: 100%;

            height: 260px;

            overflow: hidden;

            position: relative;

            background: linear-gradient(135deg, #1a1a1a, #2a2a2a);

        }



        .case-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.6s ease;

            filter: brightness(0.8);

        }



        .case-card:hover .case-image img {

            transform: scale(1.1);

            filter: brightness(1);

        }



        .case-icon-overlay {

            position: absolute;

            top: 20px;

            right: 20px;

            width: 60px;

            height: 60px;

            background: rgba(255, 193, 7, 0.95);

            backdrop-filter: blur(10px);

            border-radius: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 1.8rem;

            color: var(--dark-bg);

            box-shadow: 0 8px 20px rgba(255, 193, 7, 0.3);

            transition: all 0.4s ease;

        }



        .case-card:hover .case-icon-overlay {

            transform: rotate(10deg) scale(1.15);

            box-shadow: 0 12px 30px rgba(255, 193, 7, 0.5);

        }



        .case-content {

            padding: 35px 30px;

        }



        .case-client {

            display: flex;

            align-items: center;

            gap: 12px;

            margin-bottom: 20px;

        }



        .case-client-logo {

            width: 50px;

            height: 50px;

            background: linear-gradient(135deg, var(--primary-yellow), #ffdd44);

            border-radius: 10px;

            display: flex;

            align-items: center;

            justify-content: center;

            font-weight: 700;

            font-size: 1.2rem;

            color: var(--dark-bg);

        }



        .case-client-name {

            font-size: 1.4rem;

            font-weight: 700;

            color: var(--light-text);

        }



        .case-title {

            font-size: 1rem;

            color: var(--secondary-text);

            margin-bottom: 15px;

            line-height: 1.6;

            font-weight: 500;

        }



        .case-location {

            display: flex;

            align-items: center;

            gap: 8px;

            color: var(--primary-yellow);

            font-size: 0.95rem;

            margin-top: 15px;

            padding-top: 15px;

            border-top: 1px solid rgba(255, 193, 7, 0.1);

        }



        .case-location i {

            font-size: 1rem;

        }



        /* ===== RESPONSIVIDADE ===== */

        @media (max-width: 1200px) {

            .cases-grid {

                gap: 25px;

            }

            

            .case-content {

                padding: 30px 25px;

            }

        }



        @media (max-width: 992px) {

            h2 {

                font-size: 2.5rem;

            }



            .differentials-wrapper {

                grid-template-columns: 1fr;

                gap: 0;

            }



            .differentials-image {

                min-height: 300px;

            }



            .differentials-image::after {

                display: none;

            }



            .differentials-content {

                padding: 40px 30px;

            }



            .cases-grid {

                grid-template-columns: 1fr;

                gap: 30px;

            }

        }



        @media (max-width: 768px) {

            h2 {

                font-size: 2rem;

                margin-bottom: 40px;

            }



            .differential-item {

                padding: 20px;

                flex-direction: column;

                text-align: center;

            }



            .differential-icon {

                margin: 0 auto;

            }



            .differentials-content {

                padding: 30px 20px;

            }



            .case-image {

                height: 220px;

            }



            #differentials,

            #cases {

                padding: 60px 0;

            }

        }



        @media (max-width: 480px) {

            body {

                padding: 0px 0px 0px 0px;

            }



            h2 {

                font-size: 1.6rem;

                letter-spacing: 2px;

            }



            .differential-icon {

                width: 60px;

                height: 60px;

                font-size: 1.6rem;

            }



            .case-content {

                padding: 25px 20px;

            }



            .case-client-name {

                font-size: 1.2rem;

            }

        }