/* SOVRAS — páginas de operación (cobranza, postventa, …). Reusa base.css + product.css (topbar, macwin, faq, demov, cta, ft). */

/* topbar sólido (igual que las subpáginas) */
.topbar{position:fixed;top:0;left:0;right:0;z-index:50}
.annc{position:relative}
.nav{position:relative;top:auto;left:auto;right:auto}
.nav--solid{background:#fff;border-bottom:1px solid var(--line)}
.nav--solid .nav__logo{color:var(--ink)}
.nav--solid .nav__mark{filter:brightness(0) saturate(100%) invert(13%) sepia(18%) saturate(1400%) hue-rotate(176deg)}
.nav--solid .nav__links{color:var(--ink-soft)}
.nav--solid .nav__cta{border-color:var(--line);color:var(--ink)}
.nav--solid .nav__cta:hover{background:var(--bg-soft)}

/* HERO de operación */
.ohero{padding:calc(var(--nav-h) + 2.4rem + 4.5rem) 0 3.4rem}
.ohero__ey{color:var(--accent)}
.ohero__title{font-family:var(--font-display);font-weight:400;font-size:3.5rem;line-height:1.04;letter-spacing:-.03em;color:var(--ink);max-width:18ch}
.ohero__lead{margin-top:1.4rem;font-size:1.15rem;line-height:1.6;color:var(--ink-soft);max-width:44rem}
.ohero__lead strong{color:var(--ink);font-weight:600}
.ohero__cta{display:flex;gap:.8rem;margin-top:1.9rem;flex-wrap:wrap}

/* consola embebida (reusa .macwin de product.css) */
.oconsole{padding:1rem 0 4.5rem}
.oconsole .macwin{width:min(92rem,96vw)}
/* nitidez (método del hero): el iframe se renderiza al tamaño NATIVO del demo (1440×810 → fit()=1, sin transform interno)
   y se escala UNA sola vez para encajar en el macwin. Evita el doble-transform que se rasteriza borroso. */
.oconsole .macwin__screen{overflow:hidden;container-type:inline-size}
.oconsole .macwin__screen iframe{width:1440px;height:810px;border:0;display:block;transform-origin:top left;transform:scale(calc(100cqw / 1440px))}

/* secciones de contenido (estilo editorial del home) */
.osec{padding:5.5rem 0;border-top:1px solid var(--line)}
.osec--soft{background:var(--bg-soft)}
.osec .h2{margin-bottom:1rem}
.osec__lead{font-size:1.08rem;line-height:1.62;color:var(--ink-soft);max-width:44rem}

/* pasos — cómo se cierra */
.osteps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.4rem;margin-top:2.8rem}
.ostep{border-top:2px solid var(--accent);padding-top:1rem}
.ostep__n{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;color:var(--accent)}
.ostep b{display:block;font-family:var(--font-display);font-weight:500;font-size:1.18rem;color:var(--ink);margin:.45rem 0 .5rem;letter-spacing:-.01em}
.ostep span{font-size:.96rem;line-height:1.55;color:var(--ink-soft)}

/* bloque de costo / modelo */
.ocost{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start;margin-top:2.4rem}
.ocost__body p{font-size:1.02rem;line-height:1.62;color:var(--ink-soft);margin-bottom:1rem}
.ocost__body strong{color:var(--ink);font-weight:600}
.ocard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem 1.7rem;
  box-shadow:0 1px 2px rgba(20,20,20,.04),0 26px 54px -36px rgba(20,20,20,.22)}
.ocard__k{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-mute)}
.ocard__row{display:flex;justify-content:space-between;align-items:baseline;padding:.9rem 0;border-bottom:1px solid var(--line)}
.ocard__row:last-child{border-bottom:0}
.ocard__row b{font-weight:500;color:var(--ink);font-size:.98rem}
.ocard__row span{font-family:var(--font-mono);color:var(--ink);font-size:.95rem}
.ocard__note{font-size:.82rem;color:var(--ink-mute);line-height:1.5;margin-top:1rem}

/* sistemas / canales (chips) */
.osys{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
.osys span{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem}

/* enlaces internos (cluster) */
.olinks{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.6rem;font-size:.95rem}
.olinks a{color:var(--accent);font-weight:500}

@media(max-width:860px){
  .nav__links{display:none}
  .ohero__title{font-size:2.5rem}
  .osteps{grid-template-columns:1fr}
  .ocost{grid-template-columns:1fr;gap:1.6rem}
}

/* ── móvil: el demo ancho se accede con una tarjeta (referencia: .hero__card del landing), NO con el pill ── */
.democard{display:none}
@media(max-width:760px){
  .oconsole .macwin{display:none}
  .oconsole .maccap{display:none}
  .democard{display:flex;align-items:center;gap:.9rem;width:min(92vw,31rem);margin:0 auto;
    background:#fff;border:1px solid var(--line);border-radius:14px;padding:.7rem .85rem;cursor:pointer;text-align:left;
    box-shadow:0 1px 2px rgba(20,20,20,.04),0 20px 44px -30px rgba(20,20,20,.28);
    transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
  .democard:active{transform:translateY(1px)}
  .democard__thumb{flex:none;width:5.6rem;height:4.1rem;border-radius:9px;overflow:hidden;border:1px solid var(--line)}
  .democard__thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .democard__txt{flex:1;min-width:0}
  .democard__txt strong{display:block;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ink);line-height:1.2}
  .democard__txt span{display:block;font-size:.82rem;color:var(--ink-soft);margin-top:.25rem;line-height:1.35}
  .democard__arrow{flex:none;color:var(--accent);font-weight:700;font-size:1.1rem}
}