/* Ajustes de forma · negro, oro claro y piezas originales de Natural Market. */
@property --card-edge-angle{syntax:"<angle>";inherits:false;initial-value:18deg}
.public-shell{display:flex;flex-direction:column;background:#FAFBF7;min-height:100svh}
.public-shell:before{display:none;content:none}
.public-shell>main{position:relative;z-index:1;flex:1}
.brand-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ambient-piece{position:absolute;object-fit:contain;max-width:none;opacity:.16;will-change:transform;animation:brand-drift 30s ease-in-out infinite alternate}
.ambient-arc{width:650px;top:-30px;right:-40px;opacity:.25;animation-duration:38s}
.ambient-city{width:520px;bottom:-220px;left:-220px;opacity:.16;animation-duration:34s;animation-delay:-13s}
.ambient-number{width:580px;right:-220px;top:23%;opacity:.14;animation-name:brand-counter-drift;animation-duration:42s;animation-delay:-8s}
.ambient-dashes{width:430px;left:-210px;top:12%;opacity:.2;animation-duration:28s;animation-delay:-7s}
.ambient-lower-arc{width:680px;left:19%;bottom:-140px;opacity:.22;animation-name:brand-counter-drift;animation-duration:46s;animation-delay:-19s}
.hero{max-width:1400px;min-height:calc(100svh - 66px);padding:85px 6.3%;gap:8%;grid-template-columns:.92fr 1.08fr}
.hero-copy{max-width:460px}
.hero h1{font-size:clamp(56px,6vw,85px);margin:21px 0 24px}
.hero-description{color:#617066;line-height:1.8}
.lookup-form{margin-top:30px;max-width:370px}
.lookup-input input{background:#FFFFFF;border-color:#ffffff2b}
.lookup-form small{color:#617066}
.hero-display{padding:30px 0 25px}
.edition-label{color:#617066;font-size:8px;letter-spacing:.2em}
.hero-display .card-stage{transform:rotate(-5deg);filter:drop-shadow(0 24px 30px #0008)}
.hero-display .preview-stage{animation:float 8s ease-in-out infinite}
.hero-display>.text-button{display:block;margin:20px auto 0}
.display-caption{margin-top:34px;color:#617066;font-size:9px;letter-spacing:.12em;gap:14px}
.public-footer{position:relative;z-index:1;border-color:#ffffff10;color:#617066;min-height:66px;align-items:center}
.button.primary{color:#14120b;background:linear-gradient(115deg,#fff0a5 0%,#edc84f 45%,#f9dd79 100%);border-color:#063D1E;box-shadow:inset 0 1px 0 #fff8,0 4px 20px #f2d15b0a}
.button.primary:hover{background:linear-gradient(115deg,#fff4bd,#f6d96c,#ffe894);box-shadow:inset 0 1px 0 #fffa,0 6px 25px #f2d15b12}
.card-face{
 --card-edge-angle:18deg;
 border:2px solid transparent;
 background:
  radial-gradient(ellipse at 12% 0%,#ffffff0d,transparent 56%) padding-box,
  linear-gradient(140deg,#191919,#060606 55%,#FFFFFF) padding-box,
  conic-gradient(from var(--card-edge-angle),#b8943e 0deg,#f3d77e 35deg,#fffbe8 49deg,#ffe995 64deg,#d1ad4d 88deg,#8b702e 130deg,#e0bd59 171deg,#fff9dc 187deg,#ffe28a 203deg,#b08b34 239deg,#d1aa48 300deg,#b8943e 360deg) border-box;
 box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0009,0 0 0 1px #e8c76022,0 0 22px #f2d15b26,0 12px 38px #000c;
 animation:card-metal-orbit 11s linear infinite;
}
.card-face:before{
 inset:0;
 width:auto;
 height:auto;
 transform:none;
 border-radius:inherit;
 background:linear-gradient(112deg,transparent 36%,#ffffff02 44%,#ffffff16 49%,#fff6ce0c 51%,transparent 59%);
 background-size:250% 100%;
 background-position:140% 0;
 opacity:.7;
 animation:card-surface-reflection 9s ease-in-out infinite;
 pointer-events:none;
}
.card-face:after{
 content:"";
 position:absolute;
 inset:5px;
 border-radius:calc(clamp(16px,3cqw,25px) - 5px);
 border:1px solid #ffffff0b;
 background:radial-gradient(ellipse at 0% 0%,#ffe9a016,transparent 23%),radial-gradient(ellipse at 100% 100%,#fff0b012,transparent 22%);
 pointer-events:none;
}
.card-edition{color:#617066}
.card-bottom p{color:#617066}
.card-holder .eyebrow{color:#617066}
.card-state{color:#617066}
.stamp.earned{background:radial-gradient(circle at 30% 20%,#fff3b7,#f0cf62 55%,#d5b23b);border-color:#fff0a0;color:#19160d;box-shadow:inset 0 0 0 3px #00000018,0 2px 6px #0008}
.stamp.pending{background:#05050588;border-color:#ffffff1c}
.card-back-preview{padding:5% 6%;gap:12px;justify-content:space-between}
.preview-back-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}
.preview-back-heading .eyebrow{font-size:8px;letter-spacing:.2em}
.preview-back-heading img{width:29px;height:29px;object-fit:contain}
.preview-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;flex:1;min-height:0}
.preview-benefits article{display:flex;flex-direction:column;gap:16px;padding:14px 11px;border:1px solid #f2d15b24;border-radius:9px;background:linear-gradient(145deg,#ffffff06,#00000028);min-width:0}
.perk-step{font-family:Georgia,serif;font-size:20px;line-height:1;color:#063D1E}
.preview-benefits h3{font-family:Georgia,serif;font-size:clamp(12px,1.35vw,17px);line-height:1.25;margin:0 0 10px;letter-spacing:-.025em;color:#617066}
.preview-benefits p{font-size:10px;line-height:1.65;color:#617066;margin:0}
.preview-back-hint{text-align:center;font-size:7px;letter-spacing:.16em;color:#617066}
.preview-card:focus-visible{outline:2px solid #063D1E;outline-offset:8px}
.awaiting-intro{opacity:0;pointer-events:none}
.entry-ready{animation:entry-reveal .65s ease both}
.card-page{min-height:calc(100svh - 66px);padding-block:45px}
.login-page{min-height:calc(100svh - 66px)}
.ops-topbar-actions{display:flex;align-items:center;gap:20px;margin-left:auto;min-width:0}
.share-club-button{border-color:#f2d15b45;background:#f2d15b09;color:#617066;gap:8px}
.share-club-button:hover{background:#f2d15b14}
.qr-button-mark{font-size:20px;line-height:1}
.share-label-short{display:none}
.identity strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-sharing>p{max-width:420px;line-height:1.75}
.share-qr-paper{background:#fff;color:#617066;border-radius:13px;padding:18px;margin:22px auto;max-width:300px;box-shadow:0 12px 35px #0004;text-align:center}
.share-qr-code{width:100%;aspect-ratio:1;display:grid;place-items:center}
.share-qr-code svg{display:block;width:100%;height:auto}
.share-qr-paper>span{display:block;font-size:8px;font-weight:600;letter-spacing:.17em;margin-top:12px}
.share-actions{display:flex;gap:10px;flex-wrap:wrap}
.share-actions>.button{flex:1;min-width:130px}
.share-link-section{border-top:1px solid #DFE8DF;margin-top:25px;padding-top:22px;display:grid;gap:13px}
.share-link-section input{font-size:11px;letter-spacing:0;min-width:0}
.share-open-link{color:#063D1E;font-size:11px;justify-self:start;padding:4px 0}
@keyframes brand-drift{from{transform:translate3d(-16px,-12px,0) rotate(-9deg)}to{transform:translate3d(32px,28px,0) rotate(11deg)}}
@keyframes brand-counter-drift{from{transform:translate3d(14px,30px,0) rotate(12deg)}to{transform:translate3d(-36px,-26px,0) rotate(-9deg)}}
@keyframes logo-piece-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes entry-reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes card-metal-orbit{from{--card-edge-angle:18deg}to{--card-edge-angle:378deg}}
@keyframes card-surface-reflection{0%,18%{background-position:145% 0;opacity:0}30%{opacity:.7}68%{opacity:.7}82%,100%{background-position:-55% 0;opacity:0}}
@media(max-width:1100px){.ops-topbar .breadcrumb{display:none}.preview-benefits article{padding:12px 9px;gap:12px}.preview-benefits h3{font-size:13px}.preview-benefits p{font-size:9px}.ops-topbar-actions{gap:15px}}
@media(max-width:760px){
 .hero{grid-template-columns:1fr;min-height:auto;padding:43px 25px 48px;gap:35px}
 .hero-copy{max-width:450px}.hero h1{font-size:clamp(49px,13.3vw,64px);margin:17px 0 20px}
 .hero-description{font-size:12px;line-height:1.8}.hero .eyebrow{font-size:9px}
 .lookup-form{max-width:none;margin-top:25px}.lookup-form label{font-size:11px}
 .hero-display{max-width:470px;width:100%;padding:7px 7px 16px;margin:auto}
 .hero-display .card-stage{transform:rotate(-3deg)}
 .edition-label{font-size:7px;margin-bottom:25px;gap:10px}.edition-label:before,.edition-label:after{width:28px}
 .display-caption{font-size:8px;margin-top:27px;letter-spacing:.08em}
 .card-back-preview{padding:5% 6%;gap:6px}
 .preview-back-heading{min-height:17px}.preview-back-heading .eyebrow{font-size:6px}.preview-back-heading img{width:19px;height:19px}
 .preview-benefits{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}
 .preview-benefits article{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:5px 8px;border-radius:6px}
 .perk-step{font-size:15px}.preview-benefits h3{font-size:12px;line-height:1.2;margin:0 0 2px}.preview-benefits p{font-size:9px;line-height:1.3}
 .preview-back-hint{font-size:6px;line-height:1.1}
 .public-footer{min-height:64px;padding:18px 24px;gap:8px}.card-page{min-height:calc(100svh - 64px);padding-block:35px}.login-page{min-height:calc(100svh - 64px)}
 .ambient-arc{width:430px;top:-25px;right:-130px}.ambient-city{width:360px;left:-190px;bottom:-70px;opacity:.15}.ambient-number{width:370px;right:-160px;top:42%}.ambient-dashes{left:-220px;top:5%}.ambient-lower-arc{left:-160px;bottom:-150px;width:520px}
 .ops-topbar{gap:10px;padding-inline:16px}.ops-topbar-actions{gap:10px}.identity{gap:8px}.identity strong{max-width:110px}.identity small{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .share-label-wide{display:none}.share-label-short{display:inline}.share-club-button{padding:7px 10px;gap:6px;min-width:48px}.qr-button-mark{font-size:18px}
 .share-qr-paper{max-width:270px;padding:15px}.share-actions{gap:8px}.share-actions>.button{min-width:115px;padding-inline:10px}
}
@media(max-width:380px){.hero{padding-inline:21px}.hero-display{padding-inline:2px}.preview-benefits article{padding:4px 6px;grid-template-columns:18px 1fr;gap:6px}.perk-step{font-size:13px}.preview-benefits h3{font-size:10px}.preview-benefits p{font-size:8px}.card-back-preview{gap:4px}.preview-back-heading img{width:16px;height:16px}.identity strong,.identity small{max-width:85px}.share-club-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ambient-piece,.hero-display .preview-stage,.intro,.intro-inner img,.intro-inner:after,.entry-ready,.card-face,.card-face:before{animation:none!important}.intro-inner img,.intro .logo-lockup{opacity:1;transform:none}.ambient-piece{will-change:auto}.card-face:before{opacity:.22;background-position:50% 0}}