/* Reset */

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body{
    font-family: 'Poppins', sans-serif;
    color: #333;
    background: #fff;
    line-height: 1.6;
}

/* CONTAINER */

.container{
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

/* HEADER */

header{
    position: fixed;
    top:0;
    left:0; 
    width:100%; 
    background:#0f172a; 
    z-index:1000; 
    box-shadow:0 2px 10px rgba(0,0,0,.15);
}

.nav{
    display:flex; 
    justify-content:space-between; 
    align-items:center; 
    padding:20px 0;
}
.logo{ 
    color:#facc15; 
    font-size:1.8rem; 
}

nav ul{ 
    display:flex; 
    gap:25px; 
    list-style:none; 
}

nav a{ 
    color:#fff; 
    text-decoration:none; 
    font-weight:500; 
    transition:.3s; 
}

nav a:hover{ 
    color:#facc15; 
}

.hero{ 
    padding-top:130px; 
    min-height:100vh; 
    background:linear-gradient( 135deg, #0f172a, #1e293b ); 
    color:white; 
} 

.hero-content{ 
    display:flex; 
    align-items:center; 
    justify-content:space-between; 
    gap:50px; 
    min-height:80vh; 
} 

.hero-text{ 
    flex:1;
 } 
 
 .hero-text h1{ 
    font-size:3.2rem; 
    line-height:1.2; 
    margin-bottom:20px; 
} 

.hero-text p{ 
    font-size:1.1rem; 
    margin-bottom:30px; 
} 

.btn{ 
    display:inline-block; 
    background:#facc15; 
    color:#0f172a; 
    padding:15px 35px; 
    text-decoration:none; 
    border-radius:30px; 
    font-weight:600; 
    transition:.3s; 
} 

.btn:hover{ 
    transform:translateY(-3px); 
} 

.hero-image{ 
    flex:1; 
} 

.hero-image img{ 
    width:100%; 
    border-radius:20px; 
    box-shadow:0 10px 30px rgba(0,0,0,.3); 
} 

/* SEÇÕES */ 

section{ 
    padding:90px 0;
} 

section h2{ 
    text-align:center; 
    margin-bottom:40px; 
    font-size:2.2rem; 
    color:#0f172a; 
} 

/* SOBRE */ 

.sobre{ 
    background:#f8fafc; 
} 

.sobre p{ 
    max-width:900px; 
    margin:20px auto; 
    text-align:center; 
} 

/* SERVIÇOS */ 

.cards{ 
    display:grid; 
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); 
    gap:25px; 
} 

.card{ 
    background:white; 
    padding:30px; 
    border-radius:15px; 
    box-shadow:0 5px 20px rgba(0,0,0,.08); 
    transition:.3s; 
} 

.card:hover{ 
    transform:translateY(-8px); 
} 

.card h3{ 
    color:#0f172a; 
    margin-bottom:15px; 
} 

/* DIFERENCIAIS */ 

.diferenciais{ 
    background:#0f172a; 
    color:rgb(66, 66, 66); 
} 

.diferenciais h2{ 
    color:white; 
} 

.diferenciais-grid{ 
    display:grid; 
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); 
    gap:20px; 
} 

.item{ 
    background:#f1f5f9; 
    padding:25px; 
    border-radius:12px; 
    text-align:center; 
    font-weight:500; 
} 

/* GALERIA */ 

.galeria-grid{ 
    display:grid; 
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); 
    gap:20px; 
} 

.galeria-grid img{ 
    width:100%; 
    height:250px; 
    object-fit:cover; 
    border-radius:15px; 
    transition:.4s; 
} 

.galeria-grid img:hover{ 
    transform:scale(1.03); 
} 

/* DEPOIMENTOS */ 

.depoimentos{ 
    background:#f8fafc; 
} 

.depoimentos .card{ 
    text-align:center; 
}

/* CONTATO */ 

.contato form{ 
    max-width:700px; 
    margin:auto; 
    display:flex; 
    flex-direction:column; 
    gap:15px;
} 

.contato input, .contato textarea{ 
    padding:15px; 
    border:1px solid #ddd; 
    border-radius:10px; 
    font-size:1rem; 
} 

.contato textarea{ 
    resize:none; 
    min-height:150px; 
} 

.contato button{ 
    padding:15px; 
    border:none; 
    border-radius:10px; 
    background:#facc15; 
    color:#0f172a; 
    font-size:1rem; 
    font-weight:600; 
    cursor:pointer; 
} 

.instagram-contato{
    margin-top:30px;
    text-align:center;
}

.instagram-contato h3{
    margin-bottom:10px;
    color:#0f172a;
}

.instagram-contato a{
    display:inline-block;
    color:#e95353;
    font-weight:600;
    text-decoration:none;
    font-size:18px;
    transition:0.3s;
}

.instagram-contato a:hover{
    text-decoration:underline;
    transform:scale(1.05);
}

/* WHATSAPP */ 

.whatsapp{ 
    position:fixed; 
    right:20px; 
    bottom:20px; 
    background:#25D366; 
    color:white; 
    text-decoration:none; 
    padding:15px 25px; 
    border-radius:50px; 
    font-weight:600; 
    box-shadow:0 5px 15px rgba(0,0,0,.3); 
} 

/* FOOTER */ 

footer{
    background:#0f172a; 
    color:white; 
    text-align:center; 
    padding:40px 20px; 
} 

footer h3{ 
    color:#facc15; 
    margin-bottom:15px; 
} 
.footer-info{
    margin:20px 0;
}

.footer-info a{
    color:#facc15;
    text-decoration:none;
}

.footer-info a:hover{
    text-decoration:underline;
}

.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    background:#25D366;
    color:white;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font: size 32px;
    text-decoration:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.3);
    z-index:999;
}
.whatsapp-float:hover{
    transform:scale(1.1);
    transition:0.3s;
}

/* RESPONSIVO */ 

@media(max-width:768px){ 
    .hero-content{ 
        flex-direction:column; 
        text-align:center; 
    } 

    .hero-text h1{ 
        font-size:2.3rem; 
    } 
    
    .nav{ 
        flex-direction:column; 
        gap:15px; 
    } 
    
    nav ul{ 
        flex-wrap:wrap; 
        justify-content:center; 
    } 
    
    .whatsapp{ 
        right:10px; 
        bottom:10px; 
    } 
}