.service-trigger {
            border: 1px solid rgba(0, 0, 0, .12);
            border-radius: 1rem;
            background: #fff;
            box-shadow: 0 12px 24px rgba(0, 0, 0, .08);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
            gap: .85rem;
            padding: 1rem;
            width: 100%;
            transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease
        }

        .service-trigger:hover {
            transform: translateY(-5px);
            box-shadow: 0 18px 32px rgba(0, 0, 0, .14);
            border-color: rgba(0, 161, 223, .42)
        }

        .service-thumb,
        .modal-media {
            width: 100%;
            aspect-ratio: 16/9;
            object-fit: cover;
            border-radius: .85rem
        }

        .modal-media {
            border: 1px solid rgba(0, 0, 0, .12);
            max-height: 420px
        }

        .service-modal .modal-dialog {
            max-width: min(1080px, 94vw)
        }

        .service-modal .modal-content {
            border-radius: 1rem;
            border: 1px solid rgba(0, 0, 0, .14)
        }

        .service-modal .modal-header {
            border-bottom: 1px solid rgba(0, 0, 0, .08);
            background: linear-gradient(115deg, rgba(0, 161, 223, .14), rgba(0, 0, 0, .02))
        }

        .consultoria-accordion .accordion-button {
            font-weight: 700
        }

        .project-logo-card {
            width: 100%;
            border: 1px solid rgba(0, 0, 0, .08);
            border-radius: .95rem;
            background: #fff;
            padding: 1rem;
            box-shadow: 0 10px 20px rgba(0, 0, 0, .06);
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
            position: relative;
            overflow: hidden
        }

        .project-logo-card::after {
            content: "";
            position: absolute;
            inset: -100% -140% auto auto;
            width: 120%;
            height: 260%;
            background: linear-gradient(110deg, rgba(255, 255, 255, 0), rgba(0, 161, 223, .18), rgba(255, 255, 255, 0));
            transform: rotate(18deg);
            transition: transform .5s ease;
            pointer-events: none
        }

        .project-logo-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 28px rgba(0, 0, 0, .11);
            border-color: rgba(0, 161, 223, .45)
        }

        .project-logo-card:hover::after {
            transform: translate(-46%, 14%) rotate(18deg)
        }

        .project-logo-card img {
            width: 100%;
            height: 74px;
            object-fit: contain
        }