:root {
--bg: #F8FAFC;
--card: #FFFFFF;
--text: #0F172A;
--muted: #64748B;
--gold: #8A6A2F;
--gold-light: #F5E6C4;
--dark: #1E293B;
--line: #E2E8F0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--bg);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: var(--text);
-webkit-font-smoothing: antialiased;
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
/* NAVBAR PREMIUM CON MENÚ MÓVIL INTEGRADO */
.topbar {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--line);
position: sticky;
top: 0;
z-index: 100;
}
.nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; position: relative; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand img { width: 50px; height: 50px; border-radius: 10px; object-fit: cover; border: 1px solid var(--line); }
.brand strong { font-size: 19px; font-weight: 800; letter-spacing: -0.5px; }
.menu { display: flex; gap: 24px; align-items: center; }
.menu a { color: var(--text); font-weight: 600; font-size: 14px; transition: color 0.2s; }
.menu a:hover { color: var(--gold); }
/* BOTÓN DE MENÚ MÓVIL (HAMBURGUESA) */
.menuToggle {
display: none;
background: none;
border: 1px solid var(--line);
border-radius: 10px;
width: 42px;
height: 42px;
cursor: pointer;
padding: 0;
}
.menuToggle span { display: block; width: 20px; height: 2px; background: var(--dark); margin: 4px auto; transition: transform 0.2s ease, opacity 0.2s ease; }
.menuToggle.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menuToggle.open span:nth-child(2) { opacity: 0; }
.menuToggle.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
/* BOTONES ESTILIZADOS */
.btn {
display: inline-block;
background: var(--dark);
color: white;
padding: 14px 24px;
border-radius: 12px;
font-weight: 700;
font-size: 14px;
transition: all 0.2s ease;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
border: none;
cursor: pointer;
text-align: center;
}
.btn:active { transform: scale(0.98); }
.btnGold { background: var(--gold); color: white; box-shadow: 0 4px 14px rgba(138, 106, 47, 0.25); }
.btnGold:hover { background: #735825; }
.btnNav { padding: 10px 18px; font-size: 13px; }
/* HERO SECTION MODERNO */
.hero { padding: 80px 0 60px; }
.heroGrid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 48px; align-items: center; }
.badge {
display: inline-block;
background: #FDF4E3;
border: 1px solid var(--gold-light);
color: var(--gold);
font-weight: 700;
border-radius: 30px;
padding: 6px 14px;
margin-bottom: 20px;
font-size: 13px;
}
h1 { font-size: 48px; font-weight: 800; line-height: 1.15; margin-bottom: 20px; letter-spacing: -1px; }
.lead { font-size: 18px; line-height: 1.6; color: var(--muted); margin-bottom: 28px; }
.heroActions { display: flex; gap: 14px; flex-wrap: wrap; }
.heroCard { border-radius: 24px; padding: 32px 28px; box-shadow: 0 24px 48px rgba(15,23,42,0.28); border: 1px solid rgba(255,255,255,0.4); }
.heroCard img { max-width: 120px; border-radius: 18px; margin: 0 auto 16px; display: block; box-shadow: 0 8px 20px rgba(0,0,0,0.05); }
.heroCard h3 { font-size: 22px; font-weight: 800; margin-bottom: 6px; text-align: center; }
.aiBadge { display: block; text-align: center; background: var(--gold-light); color: var(--gold); font-weight: 800; font-size: 12px; letter-spacing: 0.5px; border-radius: 20px; padding: 5px 12px; margin: 0 auto 14px; width: fit-content; }
.aiFeatures { list-style: none; margin: 16px 0; padding: 0; text-align: left; }
.aiFeatures li { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 14px; font-weight: 600; color: var(--dark); border-bottom: 1px solid var(--gold-light); }
.aiFeatures li:last-child { border-bottom: none; }
.aiFeatures .emoji { font-size: 18px; flex-shrink: 0; }
.trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; }
.trust div { background: white; border: 1px solid var(--line); border-radius: 12px; padding: 12px; font-weight: 600; font-size: 13px; text-align: center; color: var(--dark); }
/* SECCIÓN DE SERVICIOS (GRID DE TARJETAS LIMPIAS) */
.section { padding: 80px 0; }
.sectionTitle { text-align: center; margin-bottom: 50px; }
.sectionTitle h2 { font-size: 36px; font-weight: 800; margin-bottom: 12px; letter-spacing: -0.5px; }
.sectionTitle p { color: var(--muted); font-size: 17px; }
.services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.service {
background: var(--card);
border: 1px solid var(--line);
border-radius: 20px;
padding: 28px;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01);
transition: transform 0.2s ease, box-shadow 0.2s ease;
overflow: hidden;
}
.service img {
width: calc(100% + 56px);
margin: -28px -28px 20px -28px;
height: 160px;
object-fit: cover;
display: block;
}
/* FOTO DE FONDO DEL HERO */
.hero {
position: relative;
background: linear-gradient(135deg, rgba(15,23,42,.92), rgba(30,41,59,.85)), url('https://images.unsplash.com/photo-1763665814538-8ba04597286c?auto=format&fit=crop&w=1600&q=70') center/cover;
border-radius: 0 0 32px 32px;
color: white;
}
.hero .lead { color: #CBD5E1; }
.hero .heroCard { background: rgba(255,255,255,.97); }
.hero h1 { color: white; }
.hero .heroCard h3, .hero .heroCard .lead { color: var(--text); }
.hero .heroCard .lead[style] { color: var(--gold) !important; margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid var(--gold-light); }
.service:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(15, 23, 42, 0.05); }
.icon { font-size: 11px; margin-bottom: 14px; color: var(--gold); font-weight: 800; letter-spacing: 1.5px; }
.service h3 { font-size: 19px; font-weight: 700; margin-bottom: 10px; }
.service p { color: var(--muted); line-height: 1.5; font-size: 14px; }
/* SECCIÓN BENEFICIOS */
.why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.whyBox { background: white; border: 1px solid var(--line); border-radius: 20px; padding: 28px; text-align: center; }
.whyBox strong { display: block; margin: 12px 0 6px; color: var(--dark); font-size: 16px; font-weight: 700; }
.whyBox span { font-size: 13px; color: var(--muted); line-height: 1.4; display: block; }
/* SECCIÓN DE CIERRE (CTA) */
.cta {
background: linear-gradient(135deg, var(--dark) 0%, #0F172A 100%);
color: white;
border-radius: 32px;
padding: 56px;
text-align: center;
box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
}
.cta h2 { font-size: 36px; font-weight: 800; margin-bottom: 14px; letter-spacing: -0.5px; }
.cta p { margin-bottom: 28px; color: #94A3B8; font-size: 17px; }
/* SECCIÓN DE CONTACTO EXCLUSIVA */
.contactGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.contactCard { background: white; border: 1px solid var(--line); border-radius: 24px; padding: 36px; }
.contactCard h3 { font-size: 22px; font-weight: 800; margin-bottom: 16px; }
.contactLine { padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 15px; display: flex; justify-content: space-between; align-items: center; }
.contactLine:last-child { border-bottom: none; }
.contactLine strong { color: var(--text); }
.contactLine a { color: var(--gold); font-weight: 700; transition: color 0.2s; }
.contactLine a:hover { color: #735825; }
/* FOOTER */
.footer { border-top: 1px solid var(--line); padding: 32px 0; text-align: center; color: var(--muted); font-size: 13px; background: white; }
/* DISEÑO RESPONSIVO ADAPTADO A CELULARES */
@media(max-width: 850px) {
.heroGrid, .contactGrid, .services { grid-template-columns: 1fr; }
.why { grid-template-columns: 1fr 1fr; }
h1 { font-size: 36px; }
.menuToggle { display: block; } /* BUGFIX: se muestra el botón de hamburguesa en móvil */
.menu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border-bottom: 1px solid var(--line);
flex-direction: column;
align-items: stretch;
padding: 12px 24px 20px;
gap: 4px;
box-shadow: 0 12px 24px rgba(15,23,42,0.08);
}
.menu.open { display: flex; } /* BUGFIX: el botón hamburguesa agrega esta clase para volver a mostrarlo */
.menu a { padding: 12px 4px; border-bottom: 1px solid var(--line); }
.menu a:last-child { border-bottom: none; }
.hero { padding: 40px 0; }
.section { padding: 50px 0; }
}
@media(max-width: 500px) {
.why { grid-template-columns: 1fr; }
.heroActions a { width: 100%; text-align: center; }
.trust { grid-template-columns: 1fr; gap: 8px; }
}
/* ANIMACIÓN AL HACER SCROLL */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
.reveal { transition: none; opacity: 1; transform: none; }
}
🏡 Contratista Licenciado en Georgia
Trabajo premium, presupuestos claros y total seriedad.
En JASZ Construction LLC nos especializamos en la remodelación completa de casas y negocios. Brindamos mano de obra calificada, respuestas rápidas y cotizaciones exactas.
✓ Estimados Sin Costo
✓ Residencial
✓ Comercial
🤖 CON INTELIGENCIA ARTIFICIAL
JASZ AI Estimator Pro
- 📸 Sube fotos de tu proyecto
- 🧠 Análisis inteligente al instante
- 📄 Recibe un PDF profesional
Revisado y respaldado por JASZ Construction LLC.
Especialidades en Remodelación
Soluciones integrales con acabados de alta calidad para renovar tus espacios.

01. TECHOS
Roofing Profesional
Reemplazo estructural, reparación de filtraciones, remoción técnica de techado viejo y estimados detallados de materiales.

02. PINTURA
Pintura Interior y Exterior
Transformamos por completo el interior y el exterior de su hogar con acabados premium que renuevan cada espacio.

03. CERCAS
Instalación de Cercas
Construcción de cercas perimetrales en madera tratada y vinilo de alta resistencia para privacidad residencial y comercial.

04. DECKS
Construcción de Decks
Creamos espacios al aire libre hechos a la medida para disfrutar en familia, con materiales duraderos y acabados de calidad.

05. MUROS
Muros de Contención
Construcción de muros de contención en bloque de ladrillo y madera tratada, con drenaje y refuerzo adecuados.

06. ENCIMERAS
Encimeras de Cocina
Fabricación e instalación de encimeras en granito, cuarzo y otros materiales premium para renovar su cocina.

07. PISOS
Instalación de Pisos
Especialistas en colocación de pisos de vinilo de lujo (LVP), madera natural dura (hardwood) y alfombras de alto tráfico.

08. COCINA
Remodelación de Cocina
Transformamos el corazón de su hogar con diseños funcionales y acabados que combinan belleza y practicidad.

09. BAÑO
Remodelación de Baño
Convertimos su baño en un refugio personal con acabados modernos y accesorios de calidad.

10. TOTAL
Remodelación Total del Hogar
Renovamos su vivienda completa, adaptándola a su estilo de vida con un proyecto integral de principio a fin.

11. ADICIONES
Adiciones y Expansiones
Ampliamos su espacio habitable con adiciones que se integran perfectamente a la estructura existente.

12. ELÉCTRICO
Servicios Eléctricos
Instalaciones y reparaciones eléctricas seguras y certificadas para el hogar y negocios.

13. PLOMERÍA
Servicios de Plomería
Reparación e instalación de tuberías, grifos y sistemas de agua con garantía de calidad.

14. ELECTRO.
Instalación de Electrodomésticos
Instalación profesional y segura de sus nuevos electrodomésticos, listos para usar desde el primer día.
La Diferencia con JASZ
Tu proyecto de remodelación en manos seguras desde el primer día.
⚡Rapidez de RespuestaAgendamos visitas técnicas e inspecciones físicas al instante, valorando tu tiempo.
💎Materiales SelectosTrabajamos exclusivamente con componentes certificados para garantizar obras de larga duración.
📋Precios Sin TrucosPropuestas detalladas item por item. Lo que cotizamos es exactamente lo que pagas al finalizar.
🤝Atención de RespetoGarantizamos limpieza, puntualidad y canales de comunicación abiertos durante toda la construcción.
Lo Que Dicen Nuestros Clientes
Reemplaza estos espacios con las reseñas reales de tus clientes.
★★★★★
Nombre del Cliente
Escribe aquí la reseña real de tu cliente — cópiala de Google, Facebook o donde la haya dejado.
★★★★★
Nombre del Cliente
Escribe aquí la reseña real de tu cliente — cópiala de Google, Facebook o donde la haya dejado.
★★★★★
Nombre del Cliente
Escribe aquí la reseña real de tu cliente — cópiala de Google, Facebook o donde la haya dejado.
Preguntas Frecuentes
¿Qué áreas cubre JASZ Construction?
Trabajamos en el área metro de Atlanta, Georgia, incluyendo Lawrenceville, Duluth, Suwanee, Norcross, y todo el condado de Gwinnett.
¿Qué servicios ofrece JASZ Construction?
Remodelación de cocinas y baños, techado, cercas, muros de contención, concreto, pintura, electricidad, drywall, siding, ventanas y puertas, canaletas, garage doors, lavado a presión, demolición y pisos.
¿Cómo obtengo un presupuesto?
Usa la calculadora inteligente gratis en línea para un estimado al instante, o llama directamente para agendar una asesoría presencial.
¿Trabajan proyectos residenciales y comerciales?
Sí, ofrecemos servicios premium de remodelación tanto residencial como comercial en el área metro de Atlanta.
¿Listo para iniciar tu renovación?
Usa la calculadora inteligente en línea o llama hoy mismo para recibir una asesoría presencial.
🚀 Iniciar Estimado IA Gratis