/* Páginas de informacion.php (Cómo funciona, Inteligencia Artificial, Preguntas frecuentes, Resultados).
   Mismos acentos que el resto del sitio: coral #ff7a59 · ámbar #f5a800 · verde #25c47c · violeta #8b6bff · rosa #f2559f · turquesa #00c3dc.
   El body lleva la clase info-<pageKey>, así cada página tiene su propio alcance. Solo CSS. */
:root{--mpw-tira:linear-gradient(90deg,#ff7a59,#f5a800,#25c47c,#00c3dc,#8b6bff,#f2559f)}

/* utilidades de texto */
.info-nota{margin:1.2rem auto 0;max-width:760px;font-size:.88rem;line-height:1.6;color:#475569}
.info-nota--centrada{text-align:center}
.info-nota i{color:#00a6c4;margin-right:.3rem}
.info-ejemplo{margin:.8rem 0 0;font-size:.8rem;color:#bcd0e2;text-align:center}

/* portadas con un toque de color (igual que /precios y /ejemplos) */
.info-faq .simple-hero,.info-resultados .simple-hero{background:radial-gradient(560px 280px at 8% 10%,rgba(255,122,89,.18),transparent 70%),radial-gradient(560px 300px at 92% 18%,rgba(139,107,255,.18),transparent 70%),radial-gradient(520px 260px at 50% 0,rgba(0,195,220,.18),transparent 70%),#fff}
.info-ia .simple-hero--dark{background:radial-gradient(520px 260px at 10% 18%,rgba(255,122,89,.28),transparent 70%),radial-gradient(560px 300px at 90% 28%,rgba(139,107,255,.32),transparent 70%),radial-gradient(420px 220px at 55% 100%,rgba(0,195,220,.20),transparent 70%),#011833}

/* ===================== Inteligencia Artificial ===================== */
.info-ia .assistant-compare article{position:relative;border-top:5px solid var(--k,#dce5ed);border-radius:18px;box-shadow:0 8px 24px rgba(1,24,51,.07)}
.info-ia .assistant-config{--k:#8b6bff;background:#faf8ff}
.info-ia .assistant-ultra{--k:#00c3dc;border-top-color:#00c3dc}
.info-ia .assistant-compare h2{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.15;margin:.4rem 0 .8rem}
.info-ia .assistant-config .assistant-num{color:#8b6bff}
.info-ia .assistant-config .check-list li::before{color:#8b6bff}
.info-ia .assistant-ultra .check-list li::before{color:#00c3dc}
.info-pasos{list-style:none;counter-reset:p;margin:1.4rem 0 1.6rem;padding:0;display:grid;gap:14px}
.info-pasos li{counter-increment:p;position:relative;padding-left:3rem;min-height:2.2rem}
.info-pasos li::before{content:counter(p);position:absolute;left:0;top:0;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.7rem;background:var(--c);color:#011833;font-weight:900}
.info-pasos li:nth-child(1){--c:#ffc233}
.info-pasos li:nth-child(2){--c:#00c3dc}
.info-pasos li:nth-child(3){--c:#a78bfa}
.info-pasos li:nth-child(4){--c:#4be3ab}
.info-pasos b{display:block;color:#fff;font-size:1rem}
.info-pasos span{display:block;color:#bcd0e2;font-size:.9rem;line-height:1.5}
.info-ia .mpw-order-section{background:#fff6ec}
.info-ia .today-section{background:#f6f3ff}
.info-ia .definition-list dt{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:var(--c);color:#011833;font-weight:900;letter-spacing:.06em}
.info-ia .definition-list>div:nth-child(1){--c:#ffb199}
.info-ia .definition-list>div:nth-child(2){--c:#c9b8ff}
.info-ia .definition-list>div:nth-child(3){--c:#8be9f5}
.info-ia .ai-section,.info-ia .final-cta{border-top:5px solid transparent;border-image:var(--mpw-tira) 1}

/* ===================== Preguntas frecuentes ===================== */
.info-faq .faq-list details{border-left:5px solid var(--c,#dce5ed);border-radius:12px;background:#fff;margin-bottom:.7rem;padding:0 1.1rem;box-shadow:0 3px 12px rgba(1,24,51,.05)}
.info-faq .faq-list details:nth-child(6n+1){--c:#ff7a59}
.info-faq .faq-list details:nth-child(6n+2){--c:#f5a800}
.info-faq .faq-list details:nth-child(6n+3){--c:#25c47c}
.info-faq .faq-list details:nth-child(6n+4){--c:#00c3dc}
.info-faq .faq-list details:nth-child(6n+5){--c:#8b6bff}
.info-faq .faq-list details:nth-child(6n+6){--c:#f2559f}
.info-faq .faq-page aside{border-top:5px solid transparent;border-image:var(--mpw-tira) 1}
.info-faq .final-cta{border-top:5px solid transparent;border-image:var(--mpw-tira) 1}

/* ===================== Resultados ===================== */
.info-resultados .case-card{border-top:5px solid var(--c,#00c3dc);box-shadow:0 8px 24px rgba(1,24,51,.07)}
.info-resultados .case-card:nth-child(4n+1){--c:#ff7a59}
.info-resultados .case-card:nth-child(4n+2){--c:#8b6bff}
.info-resultados .case-card:nth-child(4n+3){--c:#25c47c}
.info-resultados .case-card:nth-child(4n+4){--c:#f5a800}
.info-resultados .case-card dl>div{border-left:4px solid var(--c);padding-left:.7rem}
.info-resultados .empty-state{border:0;border-top:5px solid transparent;border-image:var(--mpw-tira) 1;border-radius:0 0 16px 16px;background:#f8fafc}
.info-resultados .final-cta{border-top:5px solid transparent;border-image:var(--mpw-tira) 1}

/* ===================== Cómo funciona (usa además home-ultra.css y home-color.css) ===================== */
.info-como .panel-preview{box-shadow:0 18px 44px rgba(1,24,51,.18)}
.info-como .final-cta,.info-como .compare-teaser{border-top:5px solid transparent;border-image:var(--mpw-tira) 1}
.info-como .hu-ai{border-top:5px solid transparent;border-image:var(--mpw-tira) 1}

@media(max-width:700px){
  .info-pasos li{padding-left:2.7rem}
}