:root{
  --bg:#f5f3f0;          /* warm beige */
  --surface:#faf8f6;     /* lighter beige */
  --text:#2b2b2b;        /* charcoal */
  --muted:#66625d;       /* taupe gray */
  --brand:#6f625c;       /* deep taupe */
  --brand-2:#8b7f78;     /* soft taupe */
  --white:#ffffff;
  --accent:#3aa55d;      /* WhatsApp green */
  --grad:linear-gradient(135deg,#b89c8e,#6f625c 70%); /* taupe gradient */
  --navh:70px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg);scroll-behavior:smooth}
a{text-decoration:none;color:inherit}
.container{width:min(1100px,92vw);margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.25rem;border-radius:1rem;background:var(--grad);color:#fff;font-weight:700;letter-spacing:.02em;transition:.2s;border:none;box-shadow:0 8px 24px rgba(55,40,30,.18)}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(55,40,30,.24)}

/* Navbar */
nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(60,50,45,.55);backdrop-filter:blur(8px);height:var(--navh)}
.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%}
nav .brand{color:#fff;font-weight:800;font-size:20px;letter-spacing:.02em}
nav a{color:#fff;font-weight:500;margin-left:1.2rem}

/* Layout padding */
body{padding-top:var(--navh)}

/* Hero */
.hero{position:relative;min-height:84vh;display:grid;place-items:center;color:#fff;
  background:#1f1b19 url('https://images.unsplash.com/photo-1553729459-efe14ef6055d?q=80&w=2400&auto=format&fit=crop') center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,34,30,.62),rgba(40,34,30,.75));z-index:0}
.hero-grid{z-index:1;display:grid;grid-template-columns:1fr;gap:2rem;width:min(1100px,92vw);padding:3.6rem 0}
@media(min-width:900px){.hero-grid{grid-template-columns:1fr 1.1fr}}
.hero h1{font-size:clamp(42px,6.2vw,82px);line-height:.95;margin:0;font-weight:900;letter-spacing:.5px}
.hero p{margin:0 0 1.25rem 0;font-size:clamp(16px,1.2vw,18px);color:#f6f2ee;opacity:.95}

/* Sections */
.section{padding:72px 0}
.section.alt{background:var(--surface);color:var(--text);border-top:1px solid #e9e4df;border-bottom:1px solid #e9e4df}
.section-title{font-size:26px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;color:#2f2a27}

/* Cards */
.cards{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:16px}
@media(min-width:900px){.cards{grid-template-columns:1fr 1fr}}
.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px rgba(40,34,30,.08)}
.card img{width:100%;height:280px;object-fit:cover;display:block}
.card .content{padding:22px 20px}
.card h3{margin:0 0 8px;font-size:22px}
.card p{margin:0;color:#5e5955}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:16px}
.stat{background:#fff;border-radius:16px;padding:18px;text-align:center;box-shadow:0 4px 24px rgba(40,34,30,.06)}
.stat .num{font-size:28px;font-weight:900}
.stat .label{color:#6f6a65;font-size:14px}
@media(max-width:720px){.stats{grid-template-columns:1fr}}

/* Testimonials */
.testimonials{display:grid;gap:1.2rem;grid-template-columns:1fr;margin-top:18px}
@media(min-width:900px){.testimonials{grid-template-columns:1fr 1fr}}
.quote{background:#fff;border:1px solid #e9e4df;border-radius:16px;padding:18px;box-shadow:0 2px 14px rgba(40,34,30,.04)}
.quote .who{margin-top:8px;color:#4a4643;font-weight:600}

/* Contact */
.contact{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:900px){.contact{grid-template-columns:1fr 1fr}}
.panel{background:#2f2a27;color:#efeae6;border-radius:18px;padding:28px;box-shadow:0 6px 28px rgba(40,34,30,.18)}
.panel h3{margin:0 0 14px;color:#fff}
.item{margin:12px 0;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:12px}

/* Phone + WhatsApp badge (icon + number side-by-side) */
.phone-badges{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:12px}
.call-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#2b2b2b;border-radius:.8rem;padding:.6rem .9rem;font-weight:800;box-shadow:0 4px 16px rgba(40,34,30,.12)}
.call-badge:hover{filter:brightness(1.02)}
.wa-badge{display:inline-flex;align-items:center;gap:.55rem;background:var(--accent);color:#062f16;border-radius:.8rem;padding:.6rem .9rem;font-weight:800;box-shadow:0 8px 18px rgba(58,165,93,.32)}
.wa-badge svg{width:18px;height:18px}
.wa-badge:hover{filter:brightness(1.05)}

/* Forms */
.form{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(40,34,30,.08);padding:26px}
.grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:900px){.grid{grid-template-columns:1fr 1fr}}
label span{display:block;font-weight:600;margin-bottom:.4rem}
input,select,textarea{width:100%;padding:.9rem;border:1px solid #e9e4df;border-radius:.8rem;font-size:1rem;background:#fff}
textarea{min-height:120px}
.hint{font-size:.9rem;color:#6f6a65}
.success{display:flex;align-items:center;justify-content:center;min-height:50vh;text-align:center}
.success .box{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(40,34,30,.08);padding:28px;max-width:560px}

footer{padding:26px 0 44px;color:#847f7b;text-align:center;font-size:14px}