.club-grid{display:grid;gap:16px}.club-balance{display:grid;gap:8px;padding:24px;border:1px solid #65341b;border-radius:26px;background:#000}.club-balance strong{font-size:clamp(3rem,10vw,5rem);line-height:1;color:var(--atiza-fire);font-variant-numeric:tabular-nums}.club-balance p{margin:0;color:#c9c9c9}.club-grid h2{font-size:1.25rem;margin:0}.club-card{display:grid;align-content:start;gap:12px;padding:20px;border:1px solid #252525;border-radius:22px;background:#000}.club-card p{margin:0;color:#c9c9c9}.club-stamps{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.club-stamp{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px dashed #777;color:#bbb}.club-stamp.filled{background:var(--atiza-fire);border-color:var(--atiza-fire);color:#000;font-weight:800}.club-progress{width:100%;accent-color:var(--atiza-fire);height:14px}.club-list{display:grid;gap:12px;padding:0;list-style:none}.club-list li{padding:14px;border:1px solid #252525;border-radius:14px;overflow-wrap:anywhere}.club-meta{font-size:.86rem;color:#aaa}.club-form{display:grid;gap:14px}.club-form label{display:grid;gap:6px}.club-form input,.club-form select,.club-form textarea{width:100%;min-width:0;min-height:44px;border:1px solid #444;border-radius:12px;background:#000;color:#fff;padding:12px;font:inherit;color-scheme:dark}.club-form input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--atiza-fire)}.club-check{display:flex!important;gap:10px!important;align-items:start}.club-form button,.club-card .btn{min-height:44px}.club-qr{display:grid;place-items:center;gap:12px}.club-qr canvas{max-width:100%}video[data-scan-video]{width:100%;max-height:400px;object-fit:contain}.club-table{width:100%;font-size:.88rem;border-collapse:collapse}.club-table th,.club-table td{padding:10px;text-align:left;border-bottom:1px solid #333}.club-scroll{overflow-x:auto}.club-identity{justify-self:start}.customer-shell :focus-visible{outline:2px solid var(--atiza-fire);outline-offset:4px}.club-form .club-help{font-size:.82rem;color:#bbb}.club-notice{border-left:3px solid var(--atiza-fire);padding:12px 16px;background:#000}.club-actions{display:flex;flex-wrap:wrap;gap:10px}.club-admin{display:grid;gap:18px}.club-admin details{border:1px solid #333;border-radius:16px;padding:16px}.club-admin summary{cursor:pointer;font-weight:700}.club-admin select[multiple]{min-height:140px}.club-admin .club-form{margin-top:16px}.club-admin .club-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}@media(min-width:760px){.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-wide{grid-column:1/-1}.customer-header{position:relative}.club-identity{position:absolute;right:0;top:4px}.top-actions{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:759px){.customer-shell{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.customer-header .top-actions:has(a[href$='cuenta.php']){position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#000;border-top:1px solid #333;box-shadow:0 -8px 30px #0008}.top-actions .pill-link{font-size:.7rem;padding:8px 3px;min-height:48px;border-radius:12px}.club-balance,.club-card{padding:18px}}

@media(min-width:760px){.customer-header{grid-template-columns:minmax(0,1fr) auto}.customer-header .club-identity{position:static;grid-column:2;grid-row:1;justify-self:end;align-self:start;width:auto;min-width:160px}.customer-header .top-actions{grid-column:1/-1;grid-row:2;width:100%;max-width:none}}

.customer-whatsapp-float{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:35;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 4px 18px #0009;border:1px solid #ffffff55;text-decoration:none;transition:background .15s ease,box-shadow .15s ease}.customer-whatsapp-float:hover{background:#128c7e;color:#fff;box-shadow:0 6px 22px #000b}.customer-whatsapp-float:focus-visible{outline:3px solid var(--atiza-fire);outline-offset:4px}.customer-whatsapp-float svg{display:block;width:30px;height:30px}@media(max-width:759px){body:has(.customer-header .top-actions a[href$="cuenta.php"]) .customer-whatsapp-float{bottom:calc(88px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.customer-whatsapp-float{transition:none}}
.club-admin,.club-card{min-width:0}.club-meta{overflow-wrap:anywhere}
.club-cash>.club-actions,.club-cash-editor{width:100%;max-width:780px;margin-inline:auto}.club-cash>.club-actions{gap:8px}.club-cash>.club-actions [aria-current=page]{color:var(--atiza-fire);border-color:var(--atiza-fire)}.club-cash-editor{gap:18px}.club-cash-heading{display:grid;gap:6px}.club-cash-heading p{font-size:.94rem}.club-cash-test{color:#ffb36d!important;font-size:.8rem}.club-cash-products{display:grid;gap:10px}.club-cash-product{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid #303030;border-radius:16px;background:#080808}.club-cash-product.selected{border-color:#b75a1c;background:#140b04}.club-cash-product-name{font-size:1rem;font-weight:700;overflow-wrap:anywhere}.club-cash-product-meta{display:block;font-size:.8rem;color:#aaa;margin-top:5px}.club-cash-quantity{display:grid;grid-template-columns:42px 56px 42px;gap:5px;align-items:center}.club-cash-quantity button{padding:0;font-size:1.3rem;background:#171717;color:#fff;border:1px solid #454545;border-radius:10px}.club-cash-quantity input{padding:7px 3px;text-align:center;font-weight:700;appearance:textfield;-moz-appearance:textfield}.club-cash-quantity input::-webkit-inner-spin-button,.club-cash-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.club-cash-submit{display:grid;gap:10px;margin-top:4px}.club-cash-submit>p{text-align:center;font-size:.86rem}.club-cash-submit>[data-cash-generate]{min-height:52px;font-size:1rem}.club-cash-clear{background:transparent!important;font-size:.82rem;color:#bbb!important}.club-cash button:disabled{opacity:.45;cursor:not-allowed}.club-cash-qr{text-align:center}.club-cash-qr>.club-form{justify-self:center}.club-cash-context{grid-template-columns:minmax(0,1fr) auto;align-items:end}.club-cash :focus-visible{outline:2px solid var(--atiza-fire);outline-offset:3px}@media(max-width:430px){.club-cash-product{grid-template-columns:1fr;gap:12px}.club-cash-quantity{justify-self:start}.club-cash-editor{padding:16px}.club-cash>.club-actions .btn{font-size:.8rem}}


/* ATIZA sellitos client UX — cards, visible progress and QR-first scanner. */
.club-grid .club-stamp-intro{grid-column:1/-1;gap:14px;border-color:rgba(251,109,1,.55);background:linear-gradient(120deg,#251004 0%,#100905 63%,#050505 100%);padding:24px}
.club-stamp-intro h2{font-size:clamp(1.45rem,5vw,2rem);line-height:1.13;max-width:620px}
.club-stamp-intro p{max-width:640px}
.club-stamp-intro .btn{min-height:54px;font-weight:800}
.club-stamp-eyebrow{display:inline-block;color:#fbad74;font-weight:800;font-size:.73rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.club-stamp-card{gap:10px;position:relative;overflow:hidden;background:linear-gradient(160deg,#17110c 0%,#050505 58%);border-color:#49301f}
.club-stamp-card h2{font-size:clamp(1.08rem,4vw,1.32rem);line-height:1.26;overflow-wrap:anywhere}
.club-stamp-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.club-stamp-state{font-size:.75rem;color:#ffc18f;border:1px solid #724126;border-radius:999px;padding:5px 9px}
.club-stamp-prize{font-size:.88rem;line-height:1.5;color:#e7c9ac!important}
.club-stamp-count{font-size:.95rem;color:#fff!important;margin-top:4px!important}
.club-stamp-count strong{font-weight:800}
.club-stamp-card .club-stamps{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0}
.club-stamp-card .club-stamp{width:clamp(34px,9vw,42px);height:clamp(34px,9vw,42px);border:2px dashed #846044;background:#0e0b09;color:#dac1a8;font-weight:800;font-size:.82rem;flex:none}
.club-stamp-card .club-stamp.filled{color:#180a03;background:linear-gradient(145deg,#ffb15e,#fb6d01);border:2px solid #fb6d01;box-shadow:0 0 0 2px rgba(251,109,1,.14)}
.club-stamp-next{color:#ffb675!important;font-weight:800;font-size:.92rem}
.club-stamp-claim{display:grid;gap:10px;padding-top:6px}.club-stamp-claim .btn{width:100%;min-height:48px;font-weight:800}.club-stamp-claim .club-meta{font-size:.82rem;line-height:1.5}
.customer-operation-feedback{padding:14px 16px;border:1px solid #7d552b;border-radius:14px;color:#ffe0b8!important;background:#1c1208;line-height:1.5}.customer-operation-feedback.is-success{border-color:#538a65;background:#0d2115;color:#d6f9df!important}.customer-operation-feedback[hidden],[data-operation-history][hidden]{display:none!important}
.club-stamp-terms{border-top:1px solid #49301f;padding-top:11px;margin-top:2px}
.club-stamp-terms summary{color:#e7c9ac;font-size:.82rem;cursor:pointer}
.club-stamp-terms p{padding-top:8px;line-height:1.55}
.club-scan-panel{border-color:#6c3715;background:linear-gradient(140deg,#1b0d05,#050505 70%);gap:14px}
.club-scan-panel h2{font-size:clamp(1.35rem,4vw,1.7rem)}
.club-scan-panel .club-form>[data-customer-scan]{min-height:60px;font-size:1.05rem;font-weight:800;box-shadow:0 10px 24px rgba(199,39,1,.18)}
.club-scan-panel video[data-scan-video]:not([hidden]){max-height:390px;border:2px solid #fb6d01;border-radius:16px;background:#000}
.club-scan-status:not(:empty){font-size:.88rem;color:#ffd3af;padding:8px 0}
.club-scan-manual{border:1px solid #433021;border-radius:14px;padding:12px 14px}
.club-scan-manual summary{cursor:pointer;color:#e9be9d;font-size:.85rem;font-weight:700}
.club-scan-manual[open]{display:grid;gap:12px}
.club-scan-manual label{margin-top:12px}
.club-scan-manual .btn{margin-top:12px}
.club-grid .club-scan-preview{grid-column:1/-1;border-color:#fb6d01}
@media(min-width:760px){.club-stamp-intro .btn{width:max-content;min-width:270px}.club-grid[data-club-page="sellitos"] .club-scan-panel{grid-column:1/-1}.club-scan-panel .club-form{max-width:620px}}
@media(max-width:400px){.club-stamp-card .club-stamps{gap:6px}.club-stamp-card .club-stamp{width:36px;height:36px}.club-stamp-intro,.club-scan-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.club-stamp-card .club-stamp{transition:none}}


/* ATIZA identity rule: the original flame-shaped A is the stamp.
   Black background => orange A. White background => black A.
   Uncollected marks have a white face; collected marks have a black face.
   The SVG is a transparent silhouette extracted from the official ATIZA wordmark. */
.club-stamp-card .club-stamp{
  --atiza-stamp-ink:#000000;
  display:grid;place-items:center;position:relative;
  background:#ffffff;color:#000000;
  border:2px solid #f3e2d8;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
  padding:0;
}
.club-stamp-card .club-stamp .atiza-monogram{
  display:block;width:65%;height:72%;flex:none;
  fill:currentColor;
}
.club-stamp-card .club-stamp.filled{
  --atiza-stamp-ink:#FB6D01;
  color:#FB6D01;
  background:#080808;
  border:2px solid #FB6D01;
  box-shadow:0 0 0 2px rgba(251,109,1,.2),0 6px 16px rgba(199,39,1,.15);
}
.club-stamp-card :is(.club-stamp.filled,.club-stamp):not(:last-child){flex-shrink:0}
/* Explicit white-surface variant for future stamp cards: never orange ink on white. */
:where(.club-stamps.on-light,.club-stamp-card[data-surface="light"] .club-stamps) .club-stamp,
:where(.club-stamps.on-light,.club-stamp-card[data-surface="light"] .club-stamps) .club-stamp.filled{
  --atiza-stamp-ink:#000000;
  color:#000000;
  background:#ffffff;
}
:where(.club-stamps.on-light,.club-stamp-card[data-surface="light"] .club-stamps) .club-stamp.filled{
  border-color:#000000;
}


/* SVG data-URI backup for the actual stamp cards, no external SVG request.
   White surface = black A; black surface = orange A, as required by ATIZA. */
.club-stamp-card .club-stamp{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22398%22%20height%3D%22445%22%20viewBox%3D%220%200%20398%20445%22%20aria-hidden%3D%22true%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M248%2C223%20247%2C224%20248%2C227%20271%2C252%20282%2C271%20287%2C288%20292%2C325%20295%2C335%20305%2C353%20324%2C373%20342%2C386%20364%2C396%20377%2C399%20387%2C399%20389%2C396%20388%2C393%20378%2C389%20367%2C382%20350%2C363%20340%2C340%20333%2C305%20329%2C292%20317%2C271%20301%2C254%20290%2C245%20254%2C224Z%20M212%2C9%20209%2C8%20208%2C11%20207%2C10%20213%2C21%20216%2C41%20214%2C56%20210%2C68%2066%2C330%2041%2C373%208%2C436%2024%2C423%2039%2C413%2057%2C404%2078%2C396%2082%2C396%2094%2C392%20111%2C390%20111%2C388%20104%2C381%20101%2C372%20103%2C357%20144%2C278%20152%2C267%20155%2C266%20217%2C266%20218%2C265%20237%2C266%20250%2C271%20262%2C280%20265%2C281%20268%2C279%20268%2C274%20261%2C262%20252%2C253%20245%2C249%20234%2C246%20165%2C246%20163%2C244%20164%2C240%20211%2C154%20219%2C137%20223%2C132%20225%2C134%20228%2C145%20237%2C167%20251%2C190%20267%2C209%20283%2C225%20296%2C235%20299%2C234%20299%2C230%20280%2C202%20269%2C180%20266%2C171%20262%2C148%20262%2C130%20261%2C129%20259%2C90%20251%2C54%20239%2C30%20228%2C19Z%22%2F%3E%3C%2Fsvg%3E");
  background-position:center;
  background-repeat:no-repeat;
  background-size:65% 72%;
}
.club-stamp-card .club-stamp.filled{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22398%22%20height%3D%22445%22%20viewBox%3D%220%200%20398%20445%22%20aria-hidden%3D%22true%22%3E%3Cpath%20fill%3D%22%23FB6D01%22%20d%3D%22M248%2C223%20247%2C224%20248%2C227%20271%2C252%20282%2C271%20287%2C288%20292%2C325%20295%2C335%20305%2C353%20324%2C373%20342%2C386%20364%2C396%20377%2C399%20387%2C399%20389%2C396%20388%2C393%20378%2C389%20367%2C382%20350%2C363%20340%2C340%20333%2C305%20329%2C292%20317%2C271%20301%2C254%20290%2C245%20254%2C224Z%20M212%2C9%20209%2C8%20208%2C11%20207%2C10%20213%2C21%20216%2C41%20214%2C56%20210%2C68%2066%2C330%2041%2C373%208%2C436%2024%2C423%2039%2C413%2057%2C404%2078%2C396%2082%2C396%2094%2C392%20111%2C390%20111%2C388%20104%2C381%20101%2C372%20103%2C357%20144%2C278%20152%2C267%20155%2C266%20217%2C266%20218%2C265%20237%2C266%20250%2C271%20262%2C280%20265%2C281%20268%2C279%20268%2C274%20261%2C262%20252%2C253%20245%2C249%20234%2C246%20165%2C246%20163%2C244%20164%2C240%20211%2C154%20219%2C137%20223%2C132%20225%2C134%20228%2C145%20237%2C167%20251%2C190%20267%2C209%20283%2C225%20296%2C235%20299%2C234%20299%2C230%20280%2C202%20269%2C180%20266%2C171%20262%2C148%20262%2C130%20261%2C129%20259%2C90%20251%2C54%20239%2C30%20228%2C19Z%22%2F%3E%3C%2Fsvg%3E");
}
.club-stamp-card[data-surface="light"] .club-stamps .club-stamp,
.club-stamps.on-light .club-stamp,
.club-stamp-card[data-surface="light"] .club-stamps .club-stamp.filled,
.club-stamps.on-light .club-stamp.filled{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22398%22%20height%3D%22445%22%20viewBox%3D%220%200%20398%20445%22%20aria-hidden%3D%22true%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M248%2C223%20247%2C224%20248%2C227%20271%2C252%20282%2C271%20287%2C288%20292%2C325%20295%2C335%20305%2C353%20324%2C373%20342%2C386%20364%2C396%20377%2C399%20387%2C399%20389%2C396%20388%2C393%20378%2C389%20367%2C382%20350%2C363%20340%2C340%20333%2C305%20329%2C292%20317%2C271%20301%2C254%20290%2C245%20254%2C224Z%20M212%2C9%20209%2C8%20208%2C11%20207%2C10%20213%2C21%20216%2C41%20214%2C56%20210%2C68%2066%2C330%2041%2C373%208%2C436%2024%2C423%2039%2C413%2057%2C404%2078%2C396%2082%2C396%2094%2C392%20111%2C390%20111%2C388%20104%2C381%20101%2C372%20103%2C357%20144%2C278%20152%2C267%20155%2C266%20217%2C266%20218%2C265%20237%2C266%20250%2C271%20262%2C280%20265%2C281%20268%2C279%20268%2C274%20261%2C262%20252%2C253%20245%2C249%20234%2C246%20165%2C246%20163%2C244%20164%2C240%20211%2C154%20219%2C137%20223%2C132%20225%2C134%20228%2C145%20237%2C167%20251%2C190%20267%2C209%20283%2C225%20296%2C235%20299%2C234%20299%2C230%20280%2C202%20269%2C180%20266%2C171%20262%2C148%20262%2C130%20261%2C129%20259%2C90%20251%2C54%20239%2C30%20228%2C19Z%22%2F%3E%3C%2Fsvg%3E");
}

.club-stamp-cards{display:contents}
.club-stamp-history{grid-column:1/-1;min-width:0;border:1px solid #49301f;border-radius:16px;padding:16px}.club-stamp-history>summary{cursor:pointer;font-weight:700;color:#e7c9ac;min-height:44px;align-content:center}.club-stamp-history[open]>.club-grid{margin-top:14px}