/* Paginas de presentacion de cada producto dentro del institucional (23/10/2026, Andres):
   conectado.html, web.html y plenius.html. Cada una explica que es, como funciona y lleva a la
   pagina propia del producto. Usan el color de su producto en --c. */
.ip-hero{padding-block:56px 36px;background:linear-gradient(160deg,#fff 0%,var(--suave,#F2F4F7) 100%);border-bottom:1px solid var(--border)}
.ip-hero .grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
@media (max-width:900px){.ip-hero .grid{grid-template-columns:1fr;gap:26px}}
.ip-hero .ey{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.ip-hero .lk{height:48px;width:auto;margin:12px 0 14px}
.ip-hero h1 em{font-style:normal;color:var(--c)}
.ip-hero .lead{margin-top:16px}
.ip-hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ip-hero .btn-c{background:var(--c);color:#fff}
.ip-hero .btn-c:hover{filter:brightness(.92)}
.ip-hero .nota{margin-top:16px;font-size:.92rem;color:var(--muted)}
.ip-sec{padding-block:52px}
.ip-sec .eyebrow{color:var(--c)}
.ip-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media (max-width:860px){.ip-pasos{grid-template-columns:1fr}}
.ip-pasos .card{padding:20px 22px}
.ip-pasos .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c);color:#fff;font-weight:700;margin-bottom:8px}
.ip-pasos p{color:var(--muted);font-size:.96rem;margin-top:6px}
.ip-trae{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
@media (max-width:860px){.ip-trae{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ip-trae{grid-template-columns:1fr}}
.ip-trae .card{padding:18px 20px;border-top:4px solid var(--c)}
.ip-trae p{color:var(--muted);font-size:.94rem;margin-top:4px}
.ip-trae .etq{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c);margin-left:6px}
.ip-cierre{padding-block:44px 64px}
.ip-cierre .card{padding:30px 32px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;border-left:5px solid var(--c)}
.ip-cierre h2{font-size:1.5rem}
.ip-cierre p{color:var(--muted);margin-top:6px;max-width:44rem}
.ip-cierre .acts{display:flex;flex-wrap:wrap;gap:10px}
.diag-ip{width:100%;max-width:520px;justify-self:center}
.bn-flujo text.sub{font-size:11.5px;font-weight:500;fill:#636B73}
.ip-lista{margin-top:18px;display:grid;gap:8px;max-width:46rem}
.ip-lista li{list-style:none;padding-left:26px;position:relative;color:var(--text)}
.ip-lista li::before{content:"✓";position:absolute;left:0;color:var(--c);font-weight:700}
/* Los datos rapidos del costado en las paginas de los sistemas de siempre (escritorio y contable). */
.ip-datos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.ip-datos{grid-template-columns:1fr}}
.ip-datos div{background:#fff;border:1px solid var(--border);border-top:3px solid var(--c);border-radius:14px;padding:14px 16px}
.ip-datos b{display:block;color:var(--ink);font-size:1.05rem}
.ip-datos span{color:var(--muted);font-size:.9rem}