:root{
  --bg:#2a0e2c;
  --text:#f0e5d6;
  --text-secondary:#e9ddcf;
  --card-bg:#e6dacb;
  --card-text:#2a0e2c;
  --divider:#5b2a5e;
  --accent:#ec577b;
  --accent-hover:#ff6c91;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
}
.wrapper{max-width:1160px;margin:0 auto;padding:22px 20px 72px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.brand img{height:30px}
.cta-header{background:var(--accent);color:white;padding:12px 18px;border-radius:14px;font-weight:800;text-decoration:none;letter-spacing:.2px}
.cta-header:hover{background:var(--accent-hover)}

main{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
h1{font-size:72px;line-height:1.03;margin:0 0 8px}
.tagline{color:var(--text-secondary);font-size:22px;line-height:1.4;margin:0 0 20px;font-weight:600}
.lead{color:var(--text-secondary);font-size:22px;line-height:1.6;margin:0 0 28px}

.points{
  --radius:16px;
  margin-top:20px;margin-bottom:28px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-radius:var(--radius);overflow:hidden;background:var(--card-bg);
}
.point{padding:22px 24px;color:var(--card-text);position:relative}
.point:not(:first-child)::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--divider)}
.point .big{font-weight:900;font-size:24px;margin-bottom:6px}
.point .small{font-size:14px;opacity:.9}

.cta-primary{display:inline-block;background:var(--accent);color:white;border:none;
  padding:18px 28px;border-radius:16px;font-weight:900;letter-spacing:.2px;cursor:pointer;text-decoration:none;font-size:18px}
.cta-primary:hover{background:var(--accent-hover)}

.hero{position:relative;margin-top:28px}
.hero img{display:block;width:100%;height:auto;border:6px solid #e8dccc;border-radius:16px}

@media(max-width:1024px){
  main{grid-template-columns:1fr;gap:28px}
  h1{font-size:52px}
}
@media(max-width:640px){
  .wrapper{padding:18px 14px 48px}
  h1{font-size:40px;line-height:1.08}
  .tagline{font-size:18px;margin-bottom:16px}
  .lead{font-size:19px}
  .points{
    grid-template-columns:1fr 1fr;
    grid-template-areas:"monto plazo" "cuota plazo";
    border-radius:20px;
  }
  .point-monto{grid-area:monto}
  .point-plazo{grid-area:plazo}
  .point-cuota{grid-area:cuota}
  .point::before{display:none}
  .point-plazo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--divider)}
  .point-cuota::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--divider)}
  .point{padding:20px}
  .cta-primary{font-size:17px;padding:16px 22px;border-radius:16px}
  .hero{margin-top:24px}
  .hero img{border-width:5px;border-radius:16px}
}