/* Landing /asistente-ia (resources/content/landings/asistente-ia.php): its own sections on top of
   landing.css. Tokens only (ds-tokens.css + the --lp-* of landing.css); text ≥ 16 px, metadata ≥ 14 px,
   targets ≥ 44 px. */
.lp-ai-hero{padding:40px 0 64px}
.lp-ai-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.lp-ai-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;font-size:16px;color:var(--lp-text)}
.lp-ai-checks li{display:inline-flex;align-items:flex-start;gap:8px}
.lp-ai-checks .lp-icon{color:var(--brand);margin-top:3px}
.lp-ai-checks-col{flex-direction:column;margin:18px 0 26px}

@media (min-width:981px){.lp-asistente-ia .lp-login{min-height:44px;display:inline-flex;align-items:center}}

/* Live demo */
.lp-ai-demo{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--lp-shadow);display:flex;flex-direction:column;min-height:520px;max-height:640px;overflow:hidden;scroll-margin-top:100px}
.lp-ai-demo-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--color-line)}
.lp-ai-demo-head img{border-radius:50%}
.lp-ai-demo-head span{display:flex;flex-direction:column;line-height:1.3}
.lp-ai-demo-head strong{font-size:17px;color:var(--color-heading)}
.lp-ai-demo-head small{font-size:14px;color:var(--color-ink-muted)}
.lp-ai-demo-reset{margin-left:auto;min-height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-heading);font:600 14px/1 var(--font-body);cursor:pointer}
.lp-ai-demo-notice{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 18px;background:var(--color-surface-2);color:var(--color-ink-muted);font-size:14px;line-height:1.45}
.lp-ai-demo-notice .lp-icon{margin-top:1px;color:var(--brand)}
.lp-ai-demo-notice a{color:var(--brand-text);text-decoration:underline}
.lp-ai-demo-log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}
.lp-ai-msg{max-width:86%}
.lp-ai-msg p{margin:0;padding:12px 15px;border-radius:16px;font-size:16px;line-height:1.5;white-space:pre-line}
.lp-ai-msg-bot p{background:var(--brand-soft);color:var(--color-ink);border-bottom-left-radius:6px}
.lp-ai-msg-user{align-self:flex-end}
.lp-ai-msg-user p{background:var(--brand);color:var(--on-brand);border-bottom-right-radius:6px}
.lp-ai-msg-info p{background:var(--color-warning-soft);color:var(--color-ink);font-size:16px}
.lp-ai-msg-typing p{color:var(--color-ink-muted);font-style:italic}
.lp-ai-demo-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}
.lp-ai-demo-chips button{min-height:44px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--brand-line);background:var(--color-surface);color:var(--brand-text);font:600 15px/1.2 var(--font-body);cursor:pointer}
.lp-ai-demo-form{display:flex;gap:8px;padding:12px 18px 18px;border-top:1px solid var(--color-line)}
.lp-ai-demo-form input{flex:1;min-width:0;min-height:48px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-ink);font:16px/1.4 var(--font-body)}
.lp-ai-demo-form input::placeholder{color:var(--color-ink-muted)}
.lp-ai-demo-form .lp-btn{min-width:48px;min-height:48px;padding:0 14px}
.lp-ai-demo [hidden]{display:none!important}
.lp-ai-demo [disabled]{opacity:.6;cursor:wait}

/* Cards */
.lp-ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:30px}
.lp-ai-grid-compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.lp-ai-card{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line)}
.lp-ai-grid-compact .lp-ai-card{align-items:center;padding:16px 18px}
.lp-ai-card-body{display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--color-ink-muted);line-height:1.5}
.lp-ai-card-body strong{font-size:18px;color:var(--color-heading);line-height:1.3}
.lp-ai-card-body .lp-soon{align-self:flex-start}

/* Price */
.lp-ai-price-card{max-width:560px;margin-top:28px;padding:28px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--brand-line);box-shadow:var(--lp-shadow)}
.lp-ai-price-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.lp-ai-price-top strong{font-family:var(--font-display);font-size:26px;font-weight:500;color:var(--color-heading)}
.lp-ai-price-value{margin:14px 0 0;color:var(--color-ink-muted);font-size:17px}
.lp-ai-price-value b{font-family:var(--font-display);font-size:48px;font-weight:500;color:var(--color-heading)}
.lp-ai-price .lp-ai-checks{font-size:16px}

/* FAQ */
.lp-ai-faq-list{display:grid;gap:12px;margin-top:26px;max-width:860px}
.lp-ai-faq-list details{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line)}
.lp-ai-faq-list summary{min-height:56px;display:flex;align-items:center;padding:14px 20px;font-weight:700;font-size:17px;color:var(--color-heading);cursor:pointer}
.lp-ai-faq-list p{margin:0;padding:0 20px 18px;font-size:16px;line-height:1.6;color:var(--color-ink)}

/* Notice and final CTA */
.lp-ai-notice-box{max-width:900px;padding:28px;border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-line)}
.lp-ai-notice-box h2{display:flex;align-items:center;gap:10px}
.lp-ai-notice-box p{font-size:16px;line-height:1.6;color:var(--color-ink);margin:12px 0 0}
.lp-ai-cta-box{text-align:center;display:flex;flex-direction:column;align-items:center}
.lp-ai-cta-box .lp-lead{margin-left:auto;margin-right:auto}

@media (max-width:980px){
  .lp-ai-hero-grid{grid-template-columns:1fr;gap:36px}
  .lp-ai-demo{min-height:480px}
}
@media (max-width:640px){
  .lp-ai-hero{padding:20px 0 40px}
  .lp-ai-hero .lp-ctas .lp-btn{width:100%}
  .lp-ai-checks{flex-direction:column}
  .lp-ai-msg{max-width:92%}
  .lp-ai-price-card,.lp-ai-notice-box{padding:20px}
  .lp-ai-price-value b{font-size:40px}
  .lp-ai-cta-box .lp-btn{width:100%;white-space:normal}
}
.lp-asistente-ia .lp-steps-list span{font-size:16px}