:root {
        --azul-imira: #0a2647; /* Azul profundo e profissional */
        --azul-claro: #144272;
        --vermelho-imira: #d62828; /* O tom do dardo para botões de ação */
    }

    .service-card { 
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
        border: none; 
        border-radius: 20px; 
        background: #ffffff;
    }
    
    .service-card:hover { 
        transform: translateY(-12px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
    }

    .img-service { 
        width: 90px; 
        height: 90px; 
        object-fit: cover; 
        border-radius: 20px; /* Quadrado arredondado fica mais moderno que círculo total */
        margin-bottom: 20px; 
        border: 3px solid #f8f9fa;
    }

    .header-gradient {
        background: linear-gradient(135deg, var(--azul-imira) 0%, var(--azul-claro) 100%);
        padding: 100px 0;
    }

    .btn-primary {
        background-color: var(--azul-imira);
        border: none;
    }

    .btn-read { 
        border-radius: 50px; 
        padding: 8px 25px; 
        font-weight: bold;
        border: 2px solid var(--azul-imira);
        color: var(--azul-imira);
    }
        /* Navbar com altura adaptável para acomodar a logo maior */
    .navbar-modern {
        background-color: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(10px);
        border-bottom: 3px solid #0d6efd;
        padding: 15px 0; /* Aumentei o padding vertical do menu */
        min-height: 100px; /* Garante uma altura mínima para o menu */
    }

    /* Logo em tamanho de destaque */
    .navbar-brand img {
        height: 100px; /* Aumentado de 75px para 100px */
        width: auto;
        image-rendering: -webkit-optimize-contrast;
        transition: transform 0.3s ease-in-out;
        /* Adiciona uma leve sombra projetada para destacar a logo do fundo */
        filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.05));
    }

    /* Efeito de destaque no hover */
    .navbar-brand:hover img {
        transform: scale(1.03);
    }

    /* Ajuste responsivo: no celular ela diminui um pouco para não ocupar a tela toda */
    @media (max-width: 991px) {
        .navbar-brand img {
            height: 70px;
        }
        .navbar-modern {
            min-height: auto;
        }
    }

    /* Links do menu alinhados verticalmente com a logo maior */
    .nav-link {
        font-weight: 700;
        color: #222 !important;
        text-transform: uppercase;
        font-size: 0.9rem;
        letter-spacing: 1px;
        padding: 10px 20px !important;
    }
    .btn-read:hover {
        background-color: var(--azul-imira);
        color: white;
    }

    .section-padding { padding: 80px 0; }
    .step-number {
        width: 50px; height: 50px;
        background-color: var(--azul-imira);
        color: white;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-weight: bold; font-size: 1.2rem;
        margin-bottom: 15px;
    }
    .method-box {
        border-left: 3px solid #dee2e6;
        padding-left: 30px;
        position: relative;
        padding-bottom: 40px;
    }
    .method-box::before {
        content: '';
        position: absolute;
        left: -10px; top: 0;
        width: 17px; height: 17px;
        background-color: var(--azul-imira);
        border-radius: 50%;
    }
    .card-solucao {
        border: 1px solid #eee;
        transition: all 0.3s ease;
    }
    .card-solucao:hover {
        border-color: var(--azul-imira);
        background-color: #fcfcfc;
    }
.section-title {
        color: var(--azul-imira) !important;
        font-weight: 800;
    }

    .section-subtitle {
        color: #6c757d !important; /* Um cinza elegante */
        max-width: 700px;
        margin: 0 auto;
    }

    /* Garante que os títulos dentro dos cards também apareçam */
    .card-solucao h4 {
        color: var(--azul-imira);
    }