/* La franja de la demo y los avisos */
.demo-franja{position:fixed;top:0;left:0;right:0;height:36px;z-index:100000;display:flex;align-items:center;gap:12px;padding:0 12px;background:#111;color:#fff;font:500 12.5px Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;}
.demo-franja b{background:#f59e0b;color:#111;border-radius:6px;padding:2px 7px;font-weight:800;letter-spacing:.06em;}
.demo-franja a{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.demo-franja .demo-txt{flex:1;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.demo-franja .demo-cta,.demo-fin .demo-cta{background:#10b981;color:#fff;text-decoration:none;border-radius:8px;padding:5px 11px;font-weight:700;}
body.con-demo{padding-top:36px;box-sizing:border-box;}
body.con-demo #root{min-height:calc(100dvh - 36px);}
body.con-demo .app-shell,body.con-demo .layout{min-height:calc(100dvh - 36px);height:calc(100dvh - 36px);}
@media (max-width:720px){.demo-franja .demo-txt{display:none;}.demo-franja{gap:9px;font-size:11.5px;padding:0 8px;}.demo-franja .demo-cambiar{display:none;}.demo-franja .demo-cta{margin-left:auto;}}
.demo-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:100001;background:#111;color:#fff;border-radius:12px;padding:11px 16px;font:500 13.5px Inter,system-ui,sans-serif;max-width:90vw;box-shadow:0 10px 30px rgba(0,0,0,.3);}
.demo-fin{position:fixed;inset:0;z-index:100002;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,system-ui,sans-serif;}
.demo-fin>div{background:#fff;border-radius:20px;padding:28px 24px;max-width:430px;text-align:center;color:#1a231f;}
.demo-fin h2{margin:6px 0;font-size:23px;}
.demo-fin p{color:#5c6b63;line-height:1.5;font-size:14.5px;margin:0 0 16px;}
.demo-fin .demo-cta{display:block;padding:13px;font-size:15.5px;}
.demo-otra{display:block;width:100%;background:none;border:none;color:#5c6b63;margin-top:10px;padding:8px;font:inherit;cursor:pointer;}
.demo-pines{background:#fff7e6;color:#7a4c12;border-radius:10px;padding:8px 10px;font:500 12px Inter,system-ui,sans-serif;margin:8px 0;text-align:center;line-height:1.5;}
/* Para elegir rubro */
.demo-elige{max-width:880px;margin:0 auto;padding:40px 18px;font-family:Inter,system-ui,sans-serif;color:#1a231f;text-align:center;}
.demo-elige h1{font-size:32px;margin:0 0 8px;}
.demo-elige p{color:#5c6b63;margin:0 0 26px;}
.demo-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;text-align:left;}
.demo-rubro{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid #e1e6de;border-radius:16px;padding:16px;text-decoration:none;color:inherit;transition:transform .12s,box-shadow .12s;}
.demo-rubro:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(0,0,0,.35);}
.demo-rubro span{font-size:28px;}
.demo-rubro small{color:#5c6b63;font-size:12.5px;}
/* Lo impreso y las fotos de factura dicen que es de demostración */
.demo-marca{display:none;}
@media print{
  .demo-franja,.demo-toast,.demo-fin{display:none !important;}
  body.con-demo{padding-top:0;}
  .demo-marca{display:block !important;position:fixed;top:42%;left:0;right:0;text-align:center;font:800 26px Inter,sans-serif;color:rgba(0,0,0,.28) !important;transform:rotate(-24deg);z-index:999999;}
}