/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #f8fafc;
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
}
a { color: #8c62b4; }

.cf-page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; padding: 1.5rem 1rem 3rem; }
.cf-card { background: #fff; border-radius: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.08); width: 100%; max-width: 440px; padding: 1.5rem; }
.cf-negocio { font-size: .8125rem; color: #64748b; text-transform: uppercase; letter-spacing: .04em; font-weight: 600; margin: 0 0 .25rem; }
.cf-titulo { font-size: 1.25rem; font-weight: 700; margin: 0 0 1rem; }
.cf-items { list-style: none; margin: 0; padding: 0; border-top: 1px solid #eaeef2; }
.cf-item { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid #eaeef2; font-size: .9375rem; }
.cf-item-nombre { color: #0f172a; }
.cf-item-cant { color: #64748b; font-size: .8125rem; }
.cf-item-precio { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cf-linea { display: flex; justify-content: space-between; padding: .4rem 0; font-size: .9rem; color: #334155; }
.cf-linea.total { font-weight: 700; font-size: 1.05rem; color: #0f172a; border-top: 1px solid #eaeef2; margin-top: .5rem; padding-top: .75rem; }
.cf-nota { background: #f1f5f9; border-radius: 10px; padding: .75rem 1rem; font-size: .875rem; color: #334155; margin: 1rem 0 0; white-space: pre-wrap; }
.cf-btn { display: block; width: 100%; margin-top: 1.25rem; padding: .85rem 1rem; border: 0; border-radius: 12px; background: #8c62b4; color: #fff; font-size: 1rem; font-weight: 600; cursor: pointer; text-align: center; text-decoration: none; }
.cf-btn:hover { background: #7a52a0; }
.cf-btn:disabled { opacity: .6; cursor: default; }
.cf-badge { display: inline-block; padding: .25rem .6rem; border-radius: 999px; font-size: .75rem; font-weight: 600; }
.cf-badge.ok { background: #ecfdf5; color: #16a34a; }
.cf-badge.warn { background: #fffbeb; color: #b45309; }
.cf-badge.neutral { background: #f1f5f9; color: #64748b; }
.cf-aviso { margin-top: 1rem; padding: .75rem 1rem; border-radius: 10px; font-size: .875rem; }
.cf-aviso.ok { background: #ecfdf5; color: #166534; }
.cf-aviso.warn { background: #fffbeb; color: #92400e; }
.cf-aviso.err { background: #fef2f2; color: #991b1b; }
.cf-foot { margin-top: 1.25rem; font-size: .75rem; color: #94a3b8; text-align: center; }
.cf-foot a { color: #94a3b8; }