:root{--bg:#0b1220;--panel:#131b2e;--text:#e9eefc;--muted:#a7b1c7;--primary:#3b82f6}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,#17213a 0,transparent 60%),var(--bg);color:var(--text)}
canvas { display:block; max-width:100%; height:auto; margin:0 auto; }

.container{max-width:1040px;margin:0 auto;padding:0 20px}
.small{font-size:.925rem;color:var(--muted)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-weight:700;text-decoration:none;color:var(--text)}
.nav-links a{color:var(--muted);text-decoration:none;margin-left:18px}
.nav-links a:hover{color:var(--text)}
.hero{padding:80px 0 60px;text-align:center}
.hero h1{font-size:clamp(2rem,6vw,3rem);margin:0 0 12px}
.hero p{color:var(--muted);margin:0 0 22px}
.btn,.btn-primary{display:inline-block;padding:10px 16px;border-radius:12px;text-decoration:none}
.btn{background:var(--panel);color:var(--text)}
.btn-primary{background:var(--primary);color:#fff;border:0;cursor:pointer}
.btn-primary:hover{filter:brightness(1.05)}
.block{padding:52px 0}
.block h2{font-size:1.8rem;margin-bottom:10px}
.bullets{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--panel);padding:18px;border-radius:16px}
.card h3{margin-top:0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:6px;color:var(--muted)}
input,textarea{background:#0f172a;color:var(--text);border:1px solid #1f2a44;border-radius:10px;padding:10px}
input:focus,textarea:focus{outline:2px solid var(--primary)}
.footer{border-top:1px solid #1f2a44;padding:30px 0;margin-top:40px}
@media (max-width:860px){
  .cards{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .nav-links{display:none}
}

/* ===== Mejoras paso 1 ===== */

/* Etiqueta discreta sobre el H1 del hero */
.kicker{ text-transform:uppercase; letter-spacing:.06em; font-size:.8rem; color:var(--muted); margin:0 0 6px; }

/* Barra de confianza (logos) */
.trustbar{ background:#0f172a; border-top:1px solid #1f2a44; border-bottom:1px solid #1f2a44; }
.trust-logos{ display:flex; gap:24px; align-items:center; justify-content:center; flex-wrap:wrap; padding:12px 0; }
.trust-logos img{ height:28px; filter:grayscale(1); opacity:.8; }
.trust-logos img:hover{ opacity:1; }

/* Banda de llamada a la acción centrada */
.cta-band{ background:var(--panel); padding:28px 0; text-align:center; border-radius:16px; margin:16px 0; }

/* FAQ más legible con <details> */
details{ background:var(--panel); border-radius:12px; padding:12px 16px; margin:12px 0; }
details[open]{ outline:1px solid #1f2a44; }
summary{ cursor:pointer; font-weight:600; color:var(--text); }
summary::-webkit-details-marker{ display:none; }