@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --purple:#A38DF2;
  --lavender:#BDAEF2;
  --pink:#D99CAC;
  --olive:#ABBF63;
  --paper:#F2F2F2;
  --ink:#733C3B;
  --text:#2B2020;
  --radius:22px;
}

*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--paper);
  color:var(--text);
  font-family:'Manrope',sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.brand{
  font-family:'Poppins',sans-serif;
  font-weight:600;
  margin:0;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}

.wrap{max-width:1080px;margin:0 auto;padding:0 32px;}

/* Nav */
nav{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1080px;margin:0 auto;padding:26px 32px;
}
.brand{font-size:1.15rem;display:flex;align-items:center;gap:8px;}
.brand::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--purple);display:inline-block;}
.nav-links{display:flex;gap:34px;font-size:.95rem;}
.nav-links a{opacity:.75;transition:opacity .15s;}
.nav-links a:hover,.nav-links a.active{opacity:1;}
.btn{
  display:inline-block;padding:12px 24px;border-radius:100px;
  font-weight:600;font-size:.92rem;border:none;cursor:pointer;
  font-family:'Manrope',sans-serif;
}
.btn-primary{background:var(--purple);color:#fff;}
.btn-primary:hover{background:#8f77ef;}
.btn-ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink);}

/* Hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:20px 32px 70px;max-width:1080px;margin:0 auto;}
.hero h1{font-size:2.6rem;line-height:1.15;}
.hero p{margin:20px 0 28px;max-width:44ch;line-height:1.6;color:#4a3d3d;}
.hero-art{
  background:var(--lavender);border-radius:var(--radius);
  padding:24px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;
  position:relative;overflow:hidden;
}
.hero-art .tag{
  background:#fff;border-radius:14px;padding:12px 16px;font-size:.85rem;
  max-width:220px;line-height:1.4;
}

/* Stat banner */
.stat-banner{
  background:var(--olive);border-radius:var(--radius);
  padding:44px 32px;max-width:1080px;margin:0 auto 80px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;
}
.stat-banner h3{font-size:2.2rem;}
.stat-banner p{margin:6px 0 0;font-size:.9rem;color:#37401e;}

/* Section heading */
.section-head{max-width:1080px;margin:0 auto;padding:0 32px 30px;}
.section-head h2{font-size:1.9rem;}

/* Cards */
.card-grid{
  max-width:1080px;margin:0 auto 80px;padding:0 32px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.card{
  border-radius:var(--radius);padding:26px;min-height:190px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.card h3{font-size:1.1rem;margin-bottom:8px;}
.card p{margin:0;font-size:.9rem;line-height:1.5;}
.card-check{
  width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.55);
  display:flex;align-items:center;justify-content:center;font-size:.85rem;align-self:flex-end;
}
.c-lavender{background:var(--lavender);}
.c-olive{background:var(--olive);}
.c-purple{background:var(--purple);color:#fff;}
.c-purple p{color:rgba(255,255,255,.85);}

/* Split banner (testimonios / cta) */
.split-banner{
  background:var(--pink);border-radius:var(--radius);
  max-width:1080px;margin:0 auto 90px;padding:40px;
  display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;
}
.split-banner .ph-img{
  background:var(--ink);border-radius:16px;aspect-ratio:4/5;
}
.split-banner h2{font-size:1.6rem;line-height:1.35;color:#3d1f1c;}
.split-banner p{color:#4a2b28;margin:14px 0 20px;}

footer{
  max-width:1080px;margin:0 auto;padding:30px 32px 50px;
  display:flex;justify-content:space-between;align-items:center;
  font-size:.85rem;opacity:.7;
}

/* Simulador */
.sim-shell{max-width:760px;margin:0 auto;padding:20px 32px 90px;}
.progress{display:flex;gap:8px;margin-bottom:36px;}
.progress span{height:6px;flex:1;border-radius:4px;background:#e2ddd3;}
.progress span.done{background:var(--purple);}
.step{display:none;}
.step.active{display:block;}
.step h2{font-size:1.6rem;margin-bottom:8px;}
.step .hint{color:#6b5a5a;font-size:.92rem;margin-bottom:26px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:.88rem;font-weight:600;margin-bottom:8px;}
.field textarea,.field select{
  width:100%;border:1.5px solid #ddd6cb;border-radius:14px;padding:14px;
  font-family:'Manrope',sans-serif;font-size:.95rem;background:#fff;
}
.field textarea{min-height:120px;resize:vertical;}
.chip-group{display:flex;flex-wrap:wrap;gap:10px;}
.chip{
  border:1.5px solid #ddd6cb;border-radius:100px;padding:10px 18px;
  font-size:.88rem;cursor:pointer;background:#fff;transition:.15s;
}
.chip.selected{background:var(--purple);border-color:var(--purple);color:#fff;}
.upload-box{
  border:1.5px dashed #c9c0b3;border-radius:16px;padding:34px;text-align:center;
  color:#8a7b7b;font-size:.9rem;
}
.step-nav{display:flex;justify-content:space-between;margin-top:34px;}
.summary-card{
  background:#fff;border-radius:16px;padding:22px;border:1.5px solid #ece6da;margin-bottom:14px;
}
.summary-card .k{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#8a7b7b;}
.summary-card .v{margin-top:4px;font-size:.95rem;}
.note-box{background:var(--lavender);border-radius:16px;padding:18px 20px;font-size:.88rem;line-height:1.5;margin-top:26px;}

@media (max-width:760px){
  .hero,.card-grid,.stat-banner,.split-banner{grid-template-columns:1fr;}
  .nav-links{display:none;}
}