/* Bely Mudanças - styles.css
   Pastel palette: creme, white, light carrot
   Author: Generated by Microweb1
*/
:root{
  --creme: #fff8e7;
  --white: #ffffff;
  --carrot: #f7b267; /* cenoura clara */
  --carrot-dark: #ea8c55;
  --ink: #1f2937;
  --muted: #6b7280;
  --accent: #60a5fa;
  --shadow: 0 10px 20px rgba(0,0,0,.08);
  --radius: 18px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink);
  background: var(--creme);
  line-height:1.6;
}

.container{width:min(1120px, 92%); margin-inline:auto}

header.site-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter:saturate(180%) blur(8px);
  background: rgba(255,255,255,.85);
  border-bottom:1px solid #eee;
}
.navbar{display:flex; align-items:center; justify-content:space-between; padding:12px 0;}
.brand{display:flex; gap:12px; align-items:center; text-decoration:none; color:inherit}
.brand img{width:44px; height:44px; border-radius:12px; object-fit:cover}
.brand .title{font-weight:800; letter-spacing:.2px}
.brand small{display:block; color:var(--muted); font-weight:500; margin-top:-4px}

nav ul{display:flex; gap:18px; list-style:none; margin:0; padding:0}
nav a{text-decoration:none; color:var(--ink); font-weight:600; padding:8px 12px; border-radius:10px}
nav a:hover, nav a:focus{background:var(--creme); outline:2px solid transparent}

.burger{display:none; background:transparent; border:0; padding:8px; border-radius:10px}
.burger:focus{outline:3px solid var(--carrot)}

@media (max-width: 860px){
  nav ul{display:none; position:absolute; right:16px; top:64px; background:var(--white);
    padding:12px; border-radius:12px; box-shadow:var(--shadow); flex-direction:column; min-width:220px}
  nav ul.open{display:flex}
  .burger{display:block}
}

.hero{
  position:relative;
  background:linear-gradient(180deg, rgba(247,178,103,.20), rgba(255,255,255,.85)),
    url('images/baner-mudancas.jpg') center/cover no-repeat;
  min-height: 58vh;
  display:grid; place-items:center; text-align:center;
}
.hero .cta{
  background: rgba(255,255,255,.92);
  padding: 26px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
h1.hero-title{font-size: clamp(28px, 5vw, 44px); margin:0 0 10px 0}
p.lead{font-size: clamp(16px, 2.5vw, 20px); color:var(--muted); margin:0 0 16px}

.btn{display:inline-block; padding:12px 18px; border-radius:12px; font-weight:700; text-decoration:none;
  border:2px solid transparent; transition:.2s transform}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--carrot); color:#1b2025}
.btn-outline{background:transparent; border-color:var(--carrot); color:var(--ink)}

.section{padding:48px 0}
.section.light{background:var(--white)}
.section h2{font-size: clamp(24px, 4vw, 32px); margin-top:0}
.grid{display:grid; gap:22px}
.grid.cols-3{grid-template-columns: repeat(3, 1fr)}
.grid.cols-2{grid-template-columns: repeat(2, 1fr)}
@media (max-width: 900px){ .grid.cols-3, .grid.cols-2{grid-template-columns:1fr} }

.card{background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); padding:18px}
.card img{width:100%; height:220px; object-fit:cover; border-radius:14px; margin-bottom:10px}

.badge{display:inline-block; padding:6px 10px; border-radius:999px; background:var(--carrot); font-weight:700; margin-bottom:10px}

.features li{margin:8px 0}

.testimonial{background:var(--white); padding:18px; border-left:6px solid var(--carrot); border-radius:12px}
.stars{letter-spacing:3px; font-size:18px; color: #f5a524;}

footer{background:#12161c; color:#e5e7eb; padding:24px 0; margin-top:32px}
footer a{color:#e5e7eb}
.footer-grid{display:grid; gap:18px; grid-template-columns:2fr 1fr 1fr}
@media (max-width: 860px){ .footer-grid{grid-template-columns:1fr} }

.form{display:grid; gap:12px}
input, textarea, select{width:100%; padding:12px 14px; border:1px solid #e5e7eb; border-radius:12px; font:inherit; background:#fff}
label{font-weight:700}
input:focus, textarea:focus{outline:3px solid rgba(247,178,103,.4); border-color:var(--carrot)}

.whatsapp-float{
  position: fixed; right:18px; bottom:18px; z-index:60;
  background:#22c55e; border-radius:999px; padding:14px 16px; color:#fff; 
  box-shadow: var(--shadow); display:flex; align-items:center; gap:10px; text-decoration:none;
}
.whatsapp-float svg{width:22px; height:22px; fill:currentColor}
.whatsapp-float:hover{filter:brightness(1.05)}

/* Utility */
.hidden{display:none}
.small{font-size:14px; color:var(--muted)}
.kwd-cloud{display:flex; flex-wrap:wrap; gap:8px}
.kwd-cloud span{background:#fff; border:1px dashed #ffd7b0; padding:6px 10px; border-radius:999px; font-size:12px}
hr.sep{border:0; height:1px; background:linear-gradient(90deg,#ffd7b0,transparent)}