:root { --verde:#123c36; --verde-claro:#dce8df; --areia:#f5f1e9; --terracota:#cb674c; --texto:#18332f; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--texto); background:var(--areia); font:16px/1.55 "DM Sans", sans-serif; } a { color:inherit; text-decoration:none; }
.topo { min-height:86px; padding:18px max(5vw,28px); display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--areia); } .marca { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:500; white-space:nowrap; } .marca strong { display:block; font-size:10px; letter-spacing:1.6px; text-transform:uppercase; font-weight:600; margin-top:-4px; } .marca-simbolo { display:grid; place-items:center; width:37px; height:37px; border:1.5px solid var(--verde); border-radius:50%; font:700 23px/1 "Playfair Display", serif; } nav { display:flex; gap:32px; font-size:14px; } nav a:hover, .link-seta:hover { color:var(--terracota); }
.botao { display:inline-block; padding:14px 22px; border-radius:2px; background:var(--terracota); color:#fff; font-weight:700; font-size:14px; transition:.2s transform,.2s background; } .botao:hover { background:#b85741; transform:translateY(-2px); } .botao-pequeno { padding:10px 15px; font-size:13px; }
.hero { min-height:535px; padding:75px max(8vw,28px); display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:80px; background:var(--verde); color:#fff; overflow:hidden; } .sobretitulo { margin:0 0 14px; color:var(--terracota); font-size:11px; font-weight:700; letter-spacing:2px; } h1,h2,h3 { margin:0; font-family:"Playfair Display", serif; line-height:1.12; } h1 { max-width:700px; font-size:clamp(43px,5.2vw,76px); letter-spacing:-2px; } h1 em { color:#e1a890; font-style:normal; } .introducao { max-width:550px; margin:25px 0 30px; color:#d9e5df; font-size:18px; } .acoes { display:flex; align-items:center; gap:28px; flex-wrap:wrap; } .link-seta { font-size:14px; font-weight:700; } .link-seta span { font-size:20px; margin-left:7px; }
.hero-destaque { position:relative; min-height:300px; margin:0; background:#e2ab91; transform:rotate(3deg); box-shadow:20px 20px 0 rgba(0,0,0,.08); overflow:hidden; } .hero-destaque img { display:block; width:100%; height:100%; min-height:300px; object-fit:cover; object-position:center; }
.faixa { min-height:77px; padding:15px 6vw; display:flex; align-items:center; justify-content:center; gap:35px; background:var(--verde-claro); font-weight:700; font-size:14px; text-align:center; } .faixa i { width:5px; height:5px; background:var(--terracota); border-radius:50%; }
.secao { padding:104px max(8vw,28px); } .cabecalho-secao { max-width:680px; } h2 { font-size:clamp(34px,4vw,54px); letter-spacing:-1.4px; } .grade-servicos { display:grid; grid-template-columns:repeat(4,1fr); margin-top:60px; border-top:1px solid #c9c5bb; } .grade-servicos article { min-height:245px; padding:27px 24px 10px 0; border-right:1px solid #c9c5bb; } .grade-servicos article+article { padding-left:24px; } .grade-servicos article:last-child { border:0; } .grade-servicos span { color:var(--terracota); font:700 14px "Playfair Display",serif; } h3 { margin:45px 0 11px; font-size:22px; } .grade-servicos p { margin:0; color:#53635e; font-size:14px; }
.sobre { display:grid; grid-template-columns:1fr 1fr; gap:11vw; background:#e4dccd; } .sobre-texto { max-width:470px; font-size:17px; } .sobre-texto p:first-child { margin-top:0; } .sobre-texto .link-seta { display:inline-block; margin-top:12px; }
.cta { padding:105px 28px; text-align:center; background:var(--terracota); color:#fff; } .cta .sobretitulo { color:#f9dfd4; } .cta h2 { font-size:clamp(37px,4.5vw,62px); } .botao-claro { margin-top:32px; background:var(--verde); } .botao-claro:hover { background:#0a2924; }
footer { padding:55px max(5vw,28px) 35px; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; background:var(--verde); color:#e4ede8; font-size:13px; } footer .marca { color:#fff; } footer .marca-simbolo { border-color:#e4ede8; } footer strong { display:block; margin-bottom:10px; color:#e1a890; font-size:11px; text-transform:uppercase; letter-spacing:1px; } footer a { display:block; margin:3px 0; } footer p { margin:0; } .copyright { align-self:end; color:#acc1b6; font-size:11px; }
@media (max-width:760px) { .topo { min-height:72px; } nav { display:none; } .topo .botao { display:none; } .hero { padding-top:60px; padding-bottom:60px; grid-template-columns:1fr; gap:45px; } .hero-destaque { width:85%; min-height:230px; justify-self:end; } .faixa { gap:13px; font-size:11px; } .faixa i { flex:none; } .secao { padding-top:72px; padding-bottom:72px; } .grade-servicos { grid-template-columns:1fr 1fr; margin-top:40px; } .grade-servicos article { min-height:205px; padding:22px 15px 22px 0; border-bottom:1px solid #c9c5bb; } .grade-servicos article:nth-child(even) { padding-left:15px; border-right:0; } h3 { margin-top:26px; font-size:20px; } .sobre { grid-template-columns:1fr; gap:35px; } footer { grid-template-columns:1fr 1fr; } footer .marca { grid-column:1/-1; } }
@media (max-width:420px) { .marca { font-size:16px; } .hero { padding-left:25px; padding-right:25px; } .grade-servicos { grid-template-columns:1fr; } .grade-servicos article, .grade-servicos article:nth-child(even) { padding:22px 0; border-right:0; } .hero-destaque { width:100%; } footer { grid-template-columns:1fr; } }