﻿:root {
            --navy: #2a475d;
            --gold: #ddd792;
            --gold-hover: #c8c17b;
            --gray-light: #f5f5f5;
        }

        body {
            padding: 0 !important;
            margin: 0 !important;
            background-color: #ffffff !important;
            color: #2a475d;
            font-family: 'Inter', sans-serif;
        }

        .font-playfair {
            font-family: 'Playfair Display', serif;
        }

        .bg-glass {
            background: rgba(42, 71, 93, 0.98) !important;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .btn-green {
            background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
            color: #ffffff !important;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            font-weight: 600;
            text-transform: none !important;
            letter-spacing: 0.02em;
        }

        .btn-green:hover {
            filter: brightness(1.1);
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(5, 150, 105, 0.3);
        }

        .nav-link {
            font-size: 11px;
            letter-spacing: 0.05em;
            color: rgba(255, 255, 255, 0.9) !important;
            transition: color 0.3s;
            text-decoration: none;
            text-transform: none !important;
        }

        .nav-link:hover {
            color: var(--gold) !important;
        }

        details summary::-webkit-details-marker {
            display: none;
        }

        .section-navy {
            background: linear-gradient(135deg, #2a475d 0%, #3b617d 100%) !important;
            color: #ffffff !important;
        }

        .section-white {
            background-color: #ffffff !important;
            color: #2a475d !important;
        }

        .section-light {
            background-color: #f5f5f5 !important;
            color: #2a475d !important;
        }

        .card-white {
            background-color: #ffffff !important;
            border: 1px solid rgba(0, 0, 0, 0.08) !important;
            color: #2a475d !important;
        }

        .card-navy {
            background-color: rgba(255, 255, 255, 0.05) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            color: #ffffff !important;
        }

        .text-gold {
            color: var(--gold) !important;
        }

        .bg-gold {
            background-color: var(--gold) !important;
        }

        .step-number {
            font-family: 'Playfair Display', serif;
            font-size: 3.5rem;
            line-height: 1;
            opacity: 0.1;
            color: var(--navy);
            transition: all 0.3s ease;
        }

        .step-card:hover .step-number {
            opacity: 0.4;
            color: var(--gold);
        }

/* CSS Crítico para o TrustIndex funcionar sem quebrar o layout */
                    .ti-widget {
                        width: 100%;
                        display: block;
                        overflow: hidden;
                        text-align: left;
                    }

                    .ti-reviews-container-wrapper {
                        display: flex;
                        flex-wrap: nowrap;
                        overflow: hidden;
                        margin: 0 -8px;
                    }

                    .ti-review-item {
                        flex: 0 0 33.333%;
                        max-width: 33.333%;
                        padding: 0 8px;
                        transition: transform 300ms ease-out;
                    }

                    .ti-review-item>.ti-inner {
                        border-radius: 12px;
                        padding: 20px;
                        background-color: #ffffff;
                        color: #000;
                        height: 100%;
                    }

                    .ti-review-header {
                        display: flex;
                        flex-wrap: nowrap;
                        position: relative;
                        margin-bottom: 10px;
                    }

                    .ti-profile-img img {
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        object-fit: cover;
                    }

                    .ti-profile-details {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        margin-left: 15px;
                    }

                    .ti-name {
                        font-weight: 600;
                        font-size: 15px;
                        color: #000;
                    }

                    .ti-stars {
                        margin-bottom: 10px;
                        display: block;
                    }

                    .ti-star {
                        width: 17px;
                        height: 17px;
                        display: inline-block;
                        margin-right: 2px;
                    }

                    .ti-review-content {
                        display: -webkit-box;
                        -webkit-line-clamp: 4;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        font-size: 15px;
                        line-height: 1.5;
                        color: #000;
                    }

                    .ti-platform-icon {
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    .ti-controls {
                        display: none;
                        margin-top: -15px;
                        width: 100%;
                        position: absolute;
                        top: 50%;
                        z-index: 10;
                    }

                    /* Responsividade Mobile TrustIndex */
                    @media (max-width: 768px) {
                        .ti-review-item {
                            flex: 0 0 100%;
                            max-width: 100%;
                        }

                        .ti-controls {
                            display: block;
                        }
                    }
