.cartel-overlay{position:fixed;left:0;right:0;top:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.cartel-card{pointer-events:auto;position:relative;width:100%;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;background:var(--elev);border:1px solid var(--border);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:20px;box-shadow:var(--sh-lg);animation:cartel-in .32s ease-out both}@media (min-width:900px){.cartel-overlay{bottom:0;justify-content:flex-end;padding:24px}.cartel-card{width:380px;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px}}@keyframes cartel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cartel-close{position:absolute;top:8px;right:8px;z-index:1;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--r-md);background:color-mix(in oklch,var(--bg) 58%,transparent);color:var(--fg);cursor:pointer;transition:background-color .2s,color .2s}.cartel-close:focus-visible,.cartel-close:hover{outline:none;background:var(--bg);color:var(--accent)}.cartel-close:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 35%,transparent)}.cartel-close svg{width:20px;height:20px}.cartel-img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:14px}.cartel-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.cartel-title{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--fg);margin:0 0 8px;padding-right:40px}.cartel-mecanica{white-space:pre-line;font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 16px}.cartel-actions{display:flex;flex-wrap:wrap;gap:10px}.cartel-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--r-md);border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.cartel-btn--primary{flex:1 1 auto;background:var(--accent);color:var(--bg)}.cartel-btn--primary:focus-visible,.cartel-btn--primary:hover{outline:none;background:var(--accent-hover);box-shadow:var(--glow)}.cartel-btn--ghost{background:transparent;border-color:var(--accent);color:var(--accent)}.cartel-btn--ghost:focus-visible,.cartel-btn--ghost:hover{outline:none;background:color-mix(in oklch,var(--accent) 12%,transparent)}.cartel-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 35%,transparent)}@media (prefers-reduced-motion:reduce){.cartel-card{animation:none}.cartel-btn,.cartel-close{transition:none}}