:root {
            --cor-principal: #000a12;
            --cor-secundaria: #ffac00;
            --cor-texto: #f8f9fa;
        }

        body {
            background-color: var(--cor-principal);
            color: var(--cor-texto);
        }

        .navbar-dark {
            background-color: var(--cor-principal);
            border-bottom: 2px solid var(--cor-secundaria);
        }
        
        .logo-moraes {
             font-size: 1.5rem;
             font-weight: bold;
             color: var(--cor-secundaria);
        }
        
        .logo-engenharia {
             font-size: 0.7rem;
             display: block;
             margin-top: -5px;
             color: var(--cor-texto);
        }

        .btn-custom {
            background-color: var(--cor-secundaria);
            border-color: var(--cor-secundaria);
            color: var(--cor-principal);
            font-weight: bold;
            transition: background-color 0.3s;
        }

        .btn-custom:hover {
            background-color: #ffd44d;
            border-color: #ffd44d;
            color: var(--cor-principal);
        }

        .section-padding {
            padding: 80px 0;
        }
        
        .hero-interna {
            background: url('https://via.placeholder.com/1920x400/3a3a3a/FFFFFF?text=Vista+de+Obras+Concluidas') center center no-repeat;
            background-size: cover;
            height: 40vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            margin-top: 66px;
        }
        
        .hero-interna::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.6);
        }
        
        .hero-interna h1 {
            z-index: 1;
            color: var(--cor-secundaria);
            font-weight: bold;
        }
        
        .project-card {
            background-color: #1a1a1a;
            border: none;
            overflow: hidden;
        }

        .project-card img {
            transition: transform 0.5s;
        }

        .project-card:hover img {
            transform: scale(1.05);
        }
        
        .project-card-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 15px;
            transform: translateY(100%);
            transition: transform 0.3s ease-out;
        }
        
        .project-card:hover .project-card-overlay {
            transform: translateY(0);
        }