/* Variáveis de Cores e Fontes */
         :root {
             --cor-primaria: #1c2833;
             /* Azul escuro quase preto */
             --cor-secundaria: #d4af37;
             /* Dourado */
             --cor-fundo: #fdfbf7;
             /* Off-white elegante */
             --cor-texto: #333333;
             --fonte-titulo: 'Playfair Display', serif;
             --fonte-texto: 'Lato', sans-serif;
         }

         /* Reset Básico */
         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
         }

         body {
             font-family: var(--fonte-texto);
             color: var(--cor-texto);
             background-color: var(--cor-fundo);
             line-height: 1.6;
         }

         /* Cabeçalho e Navegação */
         header {
             background-color: var(--cor-primaria);
             color: white;
             padding: 1rem 5%;
             display: flex;
             justify-content: space-between;
             align-items: center;
             position: sticky;
             top: 0;
             z-index: 100;
         }

         .logo {
             font-family: var(--fonte-titulo);
             font-size: 1.8rem;
             font-weight: 700;
             color: var(--cor-secundaria);
             text-decoration: none;
         }

         .logo span {
             color: white;
             font-weight: 400;
             font-style: italic;
         }

         nav ul {
             list-style: none;
             display: flex;
             gap: 2rem;
         }

         nav a {
             color: white;
             text-decoration: none;
             text-transform: uppercase;
             font-size: 0.9rem;
             letter-spacing: 1px;
             transition: color 0.3s ease;
         }

         nav a:hover {
             color: var(--cor-secundaria);
         }

         /* Seção Hero (Banner Principal) */
         .hero {
             background: linear-gradient(rgba(28, 40, 51, 0.8), rgba(28, 40, 51, 0.8)), url('https://images.unsplash.com/photo-1593030761757-71fae45fa0e7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover;
             height: 80vh;
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
             text-align: center;
             color: white;
             padding: 0 20px;
         }

         .hero h1 {
             font-family: var(--fonte-titulo);
             font-size: 4rem;
             margin-bottom: 1rem;
             color: var(--cor-secundaria);
         }

         .hero p {
             font-size: 1.2rem;
             max-width: 600px;
             margin-bottom: 2rem;
             font-weight: 300;
         }

         .btn {
             padding: 12px 30px;
             background-color: var(--cor-secundaria);
             color: var(--cor-primaria);
             text-decoration: none;
             font-weight: bold;
             text-transform: uppercase;
             letter-spacing: 1px;
             border: 2px solid var(--cor-secundaria);
             transition: all 0.3s ease;
         }

         .btn:hover {
             background-color: transparent;
             color: var(--cor-secundaria);
         }

         /* Seções Gerais */
         section {
             padding: 5rem 10%;
         }

         .section-title {
             text-align: center;
             font-family: var(--fonte-titulo);
             font-size: 2.5rem;
             color: var(--cor-primaria);
             margin-bottom: 3rem;
         }

         /* Serviços */
         .servicos-grid {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             gap: 2rem;
         }

         .servico-card {
             background-color: white;
             padding: 2rem;
             text-align: center;
             border: 1px solid #eaeaea;
             transition: transform 0.3s ease, box-shadow 0.3s ease;
         }

         .servico-card:hover {
             transform: translateY(-5px);
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
             border-bottom: 3px solid var(--cor-secundaria);
         }

         .servico-card h3 {
             font-family: var(--fonte-titulo);
             font-size: 1.5rem;
             margin-bottom: 1rem;
             color: var(--cor-primaria);
         }

         .servico-card p {
             font-size: 0.95rem;
             color: #666;
         }

         /* Sobre Nós */
         .sobre {
             background-color: #f4f1ea;
             display: flex;
             align-items: center;
             gap: 4rem;
         }

         .sobre-texto {
             flex: 1;
         }

         .sobre-texto p {
             margin-bottom: 1rem;
         }

         .sobre-img {
             flex: 1;
             background: url('https://images.unsplash.com/photo-1556821840-3a63f95609a7?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') center/cover;
             height: 400px;
             box-shadow: 15px 15px 0px var(--cor-secundaria);
         }

         /* Rodapé */
         footer {
             background-color: var(--cor-primaria);
             color: white;
             text-align: center;
             padding: 3rem 5%;
         }

         footer p {
             margin-bottom: 0.5rem;
             font-size: 0.9rem;
             opacity: 0.8;
         }

         .contato-info {
             margin: 2rem 0;
             font-family: var(--fonte-titulo);
             font-size: 1.2rem;
             color: var(--cor-secundaria);
         }

         /* Responsividade para celulares */
         @media (max-width: 768px) {
             header {
                 flex-direction: column;
                 gap: 1rem;
             }

             .hero h1 {
                 font-size: 2.5rem;
             }

             .sobre {
                 flex-direction: column;
             }

             .sobre-img {
                 width: 100%;
             }
         }