:root{
  --accent:#BF9662;
  --text:#1a1a1a;
  --muted:#666;
  --stroke:#e5e7eb;
}

.wrap{max-width:1200px;margin:0 auto;padding:0 18px}

/* Banda de marcas */
.trust{border-bottom:1px solid var(--stroke); background:#fafafa}
.trust-lead{color:#888;font-size:14px;margin:0 0 8px}
.trust-logos{display:flex;gap:28px;align-items:center;flex-wrap:wrap;opacity:.85}
.trust-logos img{height:28px;filter:grayscale(1);opacity:.8}
.trust-logos img:hover{filter:none;opacity:1}

/* Secciones */
.section{padding:34px 0}
.section.alt{background:#fbfbfb;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.ttl{margin:0 0 8px;font-size:clamp(22px,3.2vw,28px)}
.ttl span{color:var(--accent)}
.sub{color:#7a7a7a;margin:0 0 16px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
.card{
  background:#fff;border:1px solid var(--stroke);border-radius:14px;
  padding:16px; box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.card .icon{font-size:24px}
.card h3{margin:6px 0}
.card p{color:#555;margin:0}

/* CTA fila */
.cta-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.btn-cta{
  display:inline-block;text-decoration:none;color:#fff;background:var(--accent);
  padding:12px 16px;border-radius:10px;font-weight:700;border:1px solid #c47815 ;
  box-shadow:0 4px 16px rgba(245,158,11,.25);
}
.btn-secondary{
  display:inline-block;text-decoration:none;color:#1a1a1a;background:#fff;
  padding:12px 16px;border-radius:10px;border:1px solid var(--stroke);font-weight:600;
}
.btn-cta.big{padding:14px 22px;font-size:18px;border-radius:12px #c47815 }

/* Proceso */
.process .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;list-style:none;margin:12px 0 0}
.process .steps li{background:#fff;border:1px solid var(--stroke);border-radius:14px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.process .steps span{
  display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:#111;color:#fff;font-weight:700;margin-bottom:6px
}
.process .steps strong{display:block;margin-bottom:4px}

/* Banner CTA */
.cta-banner{background:linear-gradient(90deg,#fff8e6,#fff);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.cta-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 18px}
.cta-text h3{margin:0 0 4px}
.cta-text p{margin:0;color:#666}


.card .card-img{
  width:100%;height:140px;object-fit:cover;border-bottom:1px solid #eee;display:block
}
.card .icon-img{
  width:42px;height:42px;object-fit:contain;position:absolute;right:12px;top:12px;opacity:.9
}

.trust-logos img{filter:grayscale(100%);opacity:.8;transition:.2s}
.trust-logos img:hover{filter:none;opacity:1}

.section.alt{background:
  radial-gradient(900px 400px at 110% -10%, rgba(245,158,11,.15), transparent 60%),
  radial-gradient(800px 500px at -10% 120%, rgba(17,17,17,.06), transparent 60%)
}

.process .steps li img.step-ico{
  width:36px;height:36px;object-fit:contain;margin-right:8px;vertical-align:middle;transform:translateY(-2px)
}

.faq summary{display:flex;align-items:center;gap:10px}
.faq summary img.faq-ico{width:22px;height:22px;object-fit:contain;opacity:.8}




/* FAQ */
.faq details{border:1px solid var(--stroke);border-radius:12px;padding:10px 12px;margin:10px 0;background:#fff}
.faq summary{cursor:pointer;font-weight:600}
.faq p{margin:8px 0 0;color:#555}

/* Responsive */
@media (max-width: 980px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-banner .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width: 520px){
  .cards{grid-template-columns:1fr}
  .process .steps{grid-template-columns:1fr}
}