* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(–font-body);
line-height: 1.6;
color: var(–nra-text);
background: var(–nra-surface);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* HEADER/NAV */
header {
background: var(–nra-surface);
padding: 20px 0;
border-bottom: 1px solid var(–nra-border);
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 20px;
font-weight: 700;
color: var(–nra-primary);
letter-spacing: -0.5px;
}
.logo-sub {
font-size: 11px;
color: var(–nra-text-light);
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.nav {
display: flex;
gap: 35px;
list-style: none;
}
.nav a {
text-decoration: none;
color: var(–nra-text);
font-weight: 500;
font-size: 15px;
transition: color var(–transition-base);
}
.nav a:hover {
color: var(–nra-accent);
}
/* Hamburger menu */
#nav-toggle {
display: none;
}
.hamburger {
display: none;
flex-direction: column;
cursor: pointer;
gap: 6px;
}
.hamburger span {
width: 25px;
height: 3px;
background: var(–nra-primary);
border-radius: 2px;
transition: all var(–transition-base);
}
/* HERO SECTION */
.hero {
background: var(–nra-primary);
color: white;
padding: 100px 0;
text-align: center;
}
.hero h1 {
font-size: clamp(2.5rem, 5vw, 4rem);
margin-bottom: 15px;
line-height: 1.15;
font-weight: 700;
letter-spacing: -1px;
}
.hero .subtitle {
font-size: 20px;
margin-bottom: 15px;
opacity: 0.95;
font-weight: 300;
}
.hero .tagline {
font-size: 15px;
opacity: 0.85;
margin-bottom: 35px;
font-style: italic;
}
.hero-ctas {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.btn-primary {
background: linear-gradient(135deg, var(–nra-primary) 0%, #1e293b 100%);
color: white;
padding: 16px 36px;
border-radius: var(–nra-radius-full);
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all var(–transition-base);
border: none;
cursor: pointer;
}
.btn-primary:hover {
background: linear-gradient(135deg, var(–nra-accent) 0%, var(–nra-accent-hover) 100%);
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(56, 189, 248, 0.3);
}
.btn-secondary {
background: transparent;
color: white;
padding: 16px 36px;
border: 2px solid white;
border-radius: var(–nra-radius-full);
text-decoration: none;
font-weight: 600;
font-size: 15px;
cursor: pointer;
transition: all var(–transition-base);
}
.btn-secondary:hover {
background: white;
color: var(–nra-primary);
}
/* SECTION */
section {
padding: 80px 0;
}
.section-title {
font-size: clamp(1.5rem, 3vw, 2rem);
margin-bottom: 15px;
color: var(–nra-primary);
font-weight: 700;
letter-spacing: -1px;
}
.section-subtitle {
font-size: 18px;
color: var(–nra-text-light);
margin-bottom: 50px;
font-weight: 300;
}
/* AUTORIDADE SECTION */
.autoridade {
background: var(–nra-surface);
}
/* STATS SECTION */
.stats {
background: var(–nra-bg-secondary);
padding: 80px 0;
}
/* SERVIÇOS SECTION */
.servicos {
background: var(–nra-surface);
}
.servicos-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
margin-top: 50px;
}
.servico-card {
background: var(–nra-surface);
border: 1px solid var(–nra-border);
padding: 35px;
border-radius: var(–nra-radius);
transition: all var(–transition-base);
}
.servico-card:hover {
box-shadow: 0 15px 35px rgba(56, 189, 248, 0.1);
transform: translateY(-5px);
border-color: var(–nra-accent);
}
.servico-icon {
font-size: 32px;
margin-bottom: 15px;
}
.servico-card h3 {
color: var(–nra-primary);
margin-bottom: 15px;
font-size: 18px;
font-weight: 600;
}
.servico-card p {
color: var(–nra-text);
margin-bottom: 18px;
line-height: 1.6;
font-size: 15px;
}
.servico-price {
color: var(–nra-accent);
font-weight: 600;
font-size: 15px;
}
/* TESTEMUNHOS */
.testemunhos {
background: var(–nra-bg-secondary);
}
.testemunhos-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
margin-top: 50px;
}
/* BLOG SECTION */
.blog {
background: var(–nra-surface);
}
.blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
margin-top: 50px;
}
/* CTA SECTION */
.cta-final {
background: var(–nra-primary);
color: white;
padding: 80px 0;
text-align: center;
}
.cta-final h2 {
font-size: 40px;
margin-bottom: 15px;
font-weight: 700;
}
.cta-final p {
font-size: 18px;
margin-bottom: 30px;
opacity: 0.95;
font-weight: 300;
}
/* FOOTER */
footer {
background: #1a1a1a;
color: white;
padding: 50px 0 20px;
}
.footer-bottom {
border-top: 1px solid #333;
padding-top: 25px;
text-align: center;
color: #666;
font-size: 13px;
margin-top: 40px;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.hero h1 {
font-size: 36px;
}
.section-title {
font-size: 28px;
}
.servicos-grid,
.testemunhos-grid,
.blog-grid {
grid-template-columns: 1fr;
}
.hamburger {
display: flex;
}
.nav {
position: absolute;
top: 60px;
left: 0;
right: 0;
background: var(–nra-surface);
flex-direction: column;
padding: 20px;
gap: 15px;
max-height: 0;
overflow: hidden;
transition: max-height var(–transition-base);
border-bottom: 1px solid var(–nra-border);
z-index: 99;
}
#nav-toggle:checked ~ .nav {
max-height: 400px;
}
#nav-toggle:checked ~ .hamburger span:nth-child(1) {
transform: rotate(45deg) translate(10px, 10px);
}
#nav-toggle:checked ~ .hamburger span:nth-child(2) {
opacity: 0;
}
#nav-toggle:checked ~ .hamburger span:nth-child(3) {
transform: rotate(-45deg) translate(7px, -7px);
}
.hero-ctas {
flex-direction: column;
}
.btn-primary,
.btn-secondary {
width: 100%;
}
.footer-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.section-title {
font-size: 22px;
}
.footer-grid {
grid-template-columns: 1fr;
}
}
Arquitetura de Alto Padrão em Macapá
Imóveis exclusivos que geram valor real no seu patrimônio
Projetos residenciais que economizam até 30% + consultoria estratégica
📍 Macapá, AP
Quem Somos
Natália Alves e Robson Araújo — Especialistas em arquitetura residencial de alto padrão com foco em rentabilidade e inteligência patrimonial.
Com 10+ anos de experiência na região Norte, ajudamos proprietários e investidores a:
- Criar patrimônio inteligente através de projetos estratégicos
- Economizar até 30% na construção sem perder qualidade
- Maximizar ROI em projetos residenciais
- Evitar erros estruturais que custam fortuna em retrabalho
- Construir com sustentabilidade e eficiência energética
“NR: Inteligência em Patrimônio. Não vendemos apenas casas bonitas. Vendemos investimentos inteligentes que geram valor.”
50+
Projetos Residenciais
Completados
100+
Obras Acompanhadas
como Consultores
R$ 5M+
Economizados para
Clientes
O Que Oferecemos
Soluções completas para sua construção ou reforma
Projeto Arquitetônico
Designs residenciais otimizados para custo, sustentabilidade, rentabilidade e valor de mercado.
R$ 5.000 — R$ 25.000
Consultoria de Obra
Acompanhamento técnico durante execução para evitar erros, garantir qualidade e maximizar eficiência.
3-5% do custo total
Engenharia de Custos
Análise estratégica de orçamento e otimização de materiais para máxima economia e qualidade.
2-3% da economia
O Que Nossos Clientes Dizem
Resultados reais de proprietários e investidores
“Robson economizou R$ 45 mil no meu projeto de 300m². O projeto pagou por si só em economia!”
Proprietário, Macapá
“Consultoria durante a obra evitou vários erros que custariam caro em retrabalho. Profissionalismo no atendimento.”
Investidora, Amapá
“Projeto com painel solar ficou lindo e a conta de energia caiu 50%. Melhor investimento que fiz na vida.”
Proprietário, Macapá
Artigos Recentes
Guias práticos sobre construção, arquitetura e investimento em Macapá
25 de março de 2026
Custos
Quanto custa construir em Macapá 2026?
Análise completa de CUB, materiais e mão de obra com números reais atualizados para o mercado local.
20 de março de 2026
Economia
Como economizar 30% na construção
Estratégias práticas de redução de custos sem perder qualidade estrutural ou sustentabilidade.
15 de março de 2026
Erros
7 erros estruturais que arruínam sua obra
Erros comuns que custam fortuna em retrabalho e como evitá-los na sua próxima construção.
// Smooth scroll
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
document.querySelector(this.getAttribute(‘href’)).scrollIntoView({
behavior: ‘smooth’
});
});
});
// Close mobile menu when link clicked
document.getElementById(‘nav-toggle’).addEventListener(‘change’, function() {
if (window.innerWidth <= 768) {
this.checked = false;
}
});