:root{--dark:#20252b;--black:#111820;--gray:#66717b;--accent:#ffd04b;--green:#19b966}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--black);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{max-width:1160px;margin:auto;padding:0 22px}.top{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e9ec}.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800}.mark{background:#20252b;color:#ffd04b;border-radius:10px;padding:9px}.nav nav{display:flex;gap:25px;font-weight:700;font-size:14px}.nav nav a:hover{color:#555}.menu{display:none;border:0;background:#eee;border-radius:7px;padding:8px 12px;font-size:22px}.hero{background:var(--dark);color:white;padding:80px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.eyebrow{border:1px solid #77818b;border-radius:30px;padding:8px 14px;font-size:14px;display:inline-block}h1{font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-1.5px;margin:22px 0}h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:18px;color:#e7eaf0}.hero-img{height:410px;width:100%;object-fit:cover;border-radius:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:13px 20px;font-size:15px;font-weight:800;min-height:48px;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.whats{background:var(--green);color:#071e13}.light{background:var(--accent);color:#141414}.outline{background:white;color:#171717}.dark{background:var(--dark);color:white}.hero .small{font-size:13px;color:#c8cbd1}.section{padding:75px 0}.muted{background:#f3f5f6}.kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#53606b}h2{font-size:clamp(27px,3vw,39px);line-height:1.2;margin:10px 0 16px}.intro{color:#58636d;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:white;border:1px solid #e4e8ec;padding:25px;border-radius:14px;box-shadow:0 5px 18px #00000006}.cards h3{margin:0 0 9px;font-size:19px;line-height:1.3}.cards p{margin:0;color:#52606b}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery figure{margin:0;background:white;border-radius:14px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.gallery img{display:block;width:100%;height:245px;object-fit:cover}.gallery figcaption{padding:12px 16px;font-weight:700}.about{display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:center}.about p{color:#56616a}.logo-box{background:#111;border-radius:18px;padding:20px}.logo-box img{display:block;width:100%}.contact{text-align:center;background:#272c32;color:white;padding:65px 0}.contact p{color:#e2e2e2}.center{justify-content:center}footer{background:#171b1f;color:#d3d5d7;padding:22px 0;font-size:13px;text-align:center}.float-wa{position:fixed;bottom:22px;right:20px;background:var(--green);color:#062414;padding:13px 20px;border-radius:35px;font-weight:800;z-index:15;box-shadow:0 5px 25px #0003}@media(max-width:800px){.hero-grid,.about{grid-template-columns:1fr}.hero{padding:48px 0}.hero-img{height:290px}.cards,.gallery{grid-template-columns:repeat(2,1fr)}.about{gap:25px}.logo-box{max-width:320px;margin:auto}.menu{display:block}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:20px 24px;flex-direction:column;box-shadow:0 8px 12px #0002}.nav nav.open{display:flex}}@media(max-width:540px){.brand{font-size:16px}.hero-img{height:225px}.hero p{font-size:16px}.cards,.gallery{grid-template-columns:1fr}.gallery img{height:260px}.section{padding:50px 0}.actions .btn{flex:1 1 130px}.float-wa{font-size:13px;padding:10px 14px;bottom:12px;right:12px}.hero h1{font-size:40px}}

/* Logo pequena no cabeçalho */
.logo-header {
    display: block;
    width: 190px;
    height: auto;
}

/* Cabeçalho some ao descer a página */
.top {
    position: static;
}

/* Ajuste para celular */
@media (max-width: 540px) {
    .logo-header {
        width: 150px;
    }
}


/* NOVA IDENTIDADE VISUAL - PRETO E CINZA */

:root {
    --dark: #202020;
    --black: #171717;
    --gray: #666666;
    --accent: #d6d6d6;
}

/* Fundo e textos */
body {
    background: #f7f7f7;
    color: #171717;
}

/* Cabeçalho */
.top {
    background: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
    position: static;
}

/* Destaque principal */
.hero {
    background: linear-gradient(120deg, #121212, #292929);
    color: #ffffff;
}

.hero h1 em {
    color: #dedede;
}

.hero p {
    color: #eeeeee;
}

.eyebrow {
    background: #303030;
    border-color: #626262;
}

/* Botões */
.light {
    background: #d6d6d6;
    color: #171717;
}

.outline {
    background: #f2f2f2;
    color: #171717;
}

.dark {
    background: #242424;
    color: #ffffff;
}

/* Seções do site */
.section {
    background: #fafafa;
}

.section.muted {
    background: #e7e7e7;
}

/* Cartões dos serviços */
.cards article {
    background: #ffffff;
    border: 1px solid #d8d8d8;
    box-shadow: 0 4px 15px #0000000a;
}

.cards p, .intro, .about p {
    color: #555555;
}

/* Galeria de fotos */
.gallery figure {
    background: #ffffff;
}

/* Área de contato */
.contact {
    background: #242424;
    color: #ffffff;
}

/* Rodapé */
footer {
    background: #101010;
    color: #dddddd;
}

