/* Aviso «agregado al carrito» (todas las plantillas). Superficie en tinta propia: se lee igual en claro y oscuro;
   el botón principal usa los colores del tema (--primary / --on-primary). Arriba, para no tapar a Mili ni a WhatsApp. */
.cn{position:fixed;z-index:1000;left:0;right:0;top:calc(10px + env(safe-area-inset-top,0px));display:flex;
  justify-content:center;padding:0 max(12px,env(safe-area-inset-left,0px)) 0 max(12px,env(safe-area-inset-right,0px));
  pointer-events:none;margin:0;font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  letter-spacing:0;text-transform:none;text-align:left}
.cn *,.cn *::before,.cn *::after{box-sizing:border-box}
.cn-box{pointer-events:auto;width:100%;max-width:460px;background:#16212b;color:#fff;border:1px solid rgba(255,255,255,.28);
  border-radius:14px;padding:12px 14px;box-shadow:0 12px 32px rgba(0,0,0,.35);animation:cn-in .22s ease-out both}
.cn-box.cn-error{background:#4a1414}
.cn-msg{margin:0 0 10px;font-weight:600;overflow-wrap:anywhere}
.cn-msg small{display:block;font-weight:400;opacity:.85}
.cn-rules{list-style:none;margin:-4px 0 10px;padding:0;font-size:14px}
.cn-rules li{margin:0 0 6px;overflow-wrap:anywhere}
.cn-rules .cn-ok{color:var(--brand-green-soft,currentColor);font-weight:600}
.cn-bar{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.22);margin-top:4px;overflow:hidden}
.cn-bar i{display:block;height:100%;background:var(--primary,#fff);border-right:2px solid #fff}
.cn-actions{display:flex;gap:8px;flex-wrap:wrap}
.cn-actions a,.cn-actions button{flex:1 1 130px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 14px;border-radius:10px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin:0;
  text-transform:none;letter-spacing:0;box-shadow:none;background-image:none}
.cn-go{background:var(--primary,#1d4ed8);color:var(--on-primary,#fff);border:2px solid #fff}
.cn-keep{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.cn-actions a:focus-visible,.cn-actions button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cn-box.cn-hide{opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}
@keyframes cn-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cn-box{animation:none}.cn-box.cn-hide{transition:none}}
@media (min-width:900px){.cn{top:calc(16px + env(safe-area-inset-top,0px))}}