/* ===== Genda Preselección PRO – Light UI ===== */
:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --muted:#667085;
  --text:#0f172a;
  --primary:#0ea5e9; /* cyan */
  --primary-600:#0284c7;
  --accent:#22c55e; /* green */
  --line:rgba(2,6,23,.09);
  --shadow:0 10px 30px rgba(2,8,23,.06);
  --radius:16px;
  --radius-sm:12px;
  --container:1200px;
  --gap:24px;
}

.genda-ps{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
.genda-container{max-width:var(--container);margin:0 auto;padding:64px 24px}

.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin:0 0 6px;font-weight:700}
.lead{color:var(--muted);font-size:18px;max-width:920px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 22px;border-radius:14px;border:1px solid var(--line);text-decoration:none;
  font-weight:700;transition:all .15s ease;box-shadow:var(--shadow);line-height:1}
.btn--primary{background:linear-gradient(135deg,var(--primary) 0%, #60a5fa 100%);color:#fff;border:0}
.btn--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn--ghost{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}
.btn--ghost:hover{background:#eef2f7}

.genda-hero{border-bottom:1px solid var(--line)}
.genda-hero__content{max-width:var(--container);padding:72px 24px 48px;margin:0 auto}
.genda-hero h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.02em;margin:.1em 0 .35em}
.accent{color:var(--primary)}

.genda-features .grid{display:grid;gap:var(--gap)}
.genda-features .grid.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.genda-features .grid.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.genda-features .grid.g4{grid-template-columns:1fr}}
.grid.g3{display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.grid.g3{grid-template-columns:1fr}}

.feature{background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.feature .badge{width:40px;height:40px;border-radius:12px;background:#e0f2fe;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.feature h3{margin:0 0 6px;font-size:18px}
.feature p{margin:0;color:var(--muted)}

.mt-32{margin-top:32px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h4{margin:0 0 8px}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;color:var(--text)}
.list li span{font-size:18px}

.genda-strip{background:#f8fafc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip-inner{text-align:center}
.genda-strip h2{font-size:clamp(26px,4vw,36px);margin:0 0 8px}
.genda-strip p{color:var(--muted);margin:0}

.genda-two{display:grid;gap:40px;grid-template-columns:1.1fr .9fr}
@media (max-width:980px){.genda-two{grid-template-columns:1fr}}

.genda-form, .genda-faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.genda-form h3{margin:0 0 10px}
/* Fluent Forms friendly */
.genda-form .ff-el-group input,
.genda-form .ff-el-group textarea,
.genda-form .ff-el-group select{
  border:1px solid #e5e7eb;border-radius:12px;padding:12px 12px;box-shadow:none!important
}
.genda-form .ff_btn_style{border-radius:12px;padding:12px 18px;font-weight:800;background:linear-gradient(135deg,var(--primary),#60a5fa)!important;border:0!important}
.genda-form .ff_btn_style:hover{filter:brightness(1.05)}

.faq .faq-item{border-top:1px solid var(--line)}
.faq .faq-item:first-child{border-top:0}
.faq-q{width:100%;background:transparent;border:0;text-align:left;padding:14px 0;font-weight:700}
.faq-a{display:none;color:var(--muted);padding:0 0 14px}
.faq-item.open .faq-a{display:block}

.genda-alert{padding:12px 14px;border-radius:12px;background:#fff8e6;border:1px solid #f0c36d;color:#7a5c00}