/* ========================================================= ENGENHARIA (PÁGINAS DE CIDADES) — 100% ISOLADO Requisito: ========================================================= */ body.engenharia{ padding-top: 70px; /* menu fixo */ background: #f3f3f3; color: #111; font-family: Arial, Helvetica, sans-serif; } /* ===== HERO DESKTOP ===== */ body.engenharia .hero{ max-width: 1400px; margin: 40px auto; background: #fff; border-radius: 20px; padding: 60px; display: flex; align-items: flex-start; gap: 60px; box-sizing: border-box; } body.engenharia .hero-text{ width: 50%; min-width: 0; } body.engenharia .hero-text h1{ font-size: 56px; line-height: 1.05; margin: 0 0 20px 0; } body.engenharia .hero-text h2{ margin: 0 0 16px 0; } body.engenharia .linha1{ display: block; font-size: clamp(26px, 3.2vw, 56px); } body.engenharia .cidade{ font-weight: 800; } body.engenharia .hero-text p{ font-size: 18px; color: #555; line-height: 1.6; } body.engenharia .hero-image{ width: 50%; } body.engenharia .hero-image img{ width: 100%; border-radius: 16px; display: block; } /* ===== RESPONSIVO (CELULAR) ===== */ @media (max-width: 768px){ body.engenharia .hero{ flex-direction: column; padding: 30px 20px; } body.engenharia .hero-text, body.engenharia .hero-image{ width: 100%; } body.engenharia .hero-text h1{ font-size: 32px; } } /* ===== LISTA (UL/LI) ===== */ body.engenharia .hero-text ul{ margin: 20px 0; padding-left: 22px; line-height: 1.6; } body.engenharia .hero-text li{ margin-bottom: 10px; font-size: 18px; color: #555; } /* ===== SERVIÇOS ===== */ body.engenharia .servicos{ max-width: 1400px; margin: 40px auto; padding: 60px; box-sizing: border-box; } body.engenharia .servicos h2{ margin: 0 0 40px 0; font-size: 34px; text-align: center; } body.engenharia .servicos-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; } body.engenharia .servico{ background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.06); transition: transform 0.25s ease, box-shadow 0.25s ease; } body.engenharia .servico:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.12); } body.engenharia .servico img{ width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px; display: block; } body.engenharia .servico p{ margin: 14px 0 0 0; font-weight: 600; font-size: 16px; text-align: center; } /* ===== HERO TOPO — AJUSTE FINAL ===== */ body.engenharia .hero-topo{ align-items: center; } body.engenharia .hero-topo .hero-text{ width: 50%; } body.engenharia .hero-topo .hero-image{ width: 50%; } body.engenharia .hero-topo .hero-text h1{ font-size: clamp(42px, 3vw, 56px); white-space: nowrap; }