:root{--ink:#182b2a;--green:#166b58;--lime:#d9edac;--paper:#f5f5ef;--muted:#71817c;--line:#dfe5de;--white:#fff;--radius:20px;--business-color:#166b58}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}a{color:var(--green);text-decoration:none;overflow-wrap:anywhere}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0 0 14px}h1{font-size:38px;line-height:1.14;letter-spacing:-1.6px;font-weight:650}h2{font-size:24px;line-height:1.25;letter-spacing:-.6px}h3{font-size:18px;letter-spacing:-.3px}em{font-style:normal;color:var(--green)}small,.small{font-size:12px}strong{font-weight:650}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:16px}.brand{font-weight:750;font-size:27px;letter-spacing:-1px;color:var(--ink);display:flex;align-items:center;gap:11px}.brand:hover{text-decoration:none}.brand-icon{background:var(--green);color:var(--lime);border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:28px;font-weight:450}.brand-dot{font-size:9px;color:var(--green);margin-left:3px}.button,button{border:1px solid var(--green);border-radius:10px;background:var(--green);color:white;padding:13px 21px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:20px;line-height:1.3;text-decoration:none;transition:transform .15s,background .15s}button:hover,.button:hover{background:#105744;text-decoration:none;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;color:var(--green);border-color:var(--line)}.secondary:hover{background:#e9efe5}.button.small,button.small{padding:10px 15px;font-size:12px}.danger{background:#a83f3c;border-color:#a83f3c}.link-button{background:none;border:0;color:var(--muted);padding:10px 0;font-size:12px}.link-button:hover{background:none;color:var(--ink)}label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}input,select,textarea{font:inherit;font-weight:400;display:block;width:100%;padding:12px 14px;border:1px solid #dce3dc;border-radius:9px;background:#fff;color:var(--ink);margin-top:7px;min-height:46px}input:focus,select:focus,textarea:focus{outline:3px solid #d8edc8;border-color:var(--green)}input[type=color]{height:52px;padding:6px}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400}.check input{width:18px;min-height:18px;margin:2px 0 0;flex-shrink:0;accent-color:var(--green)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:24px}.narrow{max-width:700px}.notice{padding:16px 20px;border:1px solid #e1cba2;background:#fff9ea;border-radius:12px;margin-bottom:22px}.notice.success{border-color:#c9dfbd;background:#edf6e5}.public-header{max-width:1240px;padding:30px 38px;display:flex;align-items:center;justify-content:space-between;margin:auto}.public-main{max-width:1240px;margin:auto;padding:18px 38px 60px}.public-main>.narrow{margin:40px auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:55px 0 85px}.hero h1{font-size:clamp(48px,5.3vw,72px);letter-spacing:-3px;line-height:1.05;margin-bottom:26px}.hero p{font-size:17px;max-width:390px;color:var(--muted)}.hero .actions{margin:28px 0 35px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.actions>a:not(.button){font-size:13px}.hero-proof{display:flex;gap:12px;font-size:12px;color:var(--muted);align-items:center}.hero-proof strong{color:var(--ink)}.avatar{width:38px;height:38px;border-radius:50%;background:#e0e8d2;display:grid;place-items:center;color:var(--green);font-size:18px}.hero-art{position:relative;padding:35px 10px 40px;background:radial-gradient(ellipse at center,#e1ebcf 10%,transparent 69%)}.floating-note{position:relative;left:45px;top:-12px;display:inline-block;padding:12px 18px;border-radius:30px;background:white;box-shadow:0 7px 25px #27352509;font-size:12px;transform:rotate(-5deg);z-index:1}.wallet{padding:32px;border-radius:24px;color:white;background:var(--business-color);box-shadow:0 22px 45px #103e291c;overflow:hidden}.wallet.example{transform:rotate(5deg);padding:34px;max-width:420px;margin:auto;min-height:330px}.wallet-overline{font-size:10px;letter-spacing:1.6px;color:#edf6ce;display:block;margin-bottom:22px}.wallet h1{font-size:36px;letter-spacing:-1px}.wallet h2{font-size:29px;margin-bottom:8px}.wallet p{color:#e5eed8;font-size:13px}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.stamp{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px dashed #ffffff60;color:#ffffff5e;font-size:27px;max-width:55px}.stamp.filled{background:var(--lime);border:0;color:#166b58}.wallet-bottom{border-top:1px solid #ffffff30;padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:11px}.wallet-bottom span{max-width:140px;opacity:.8}.mini-stat{position:relative;display:flex;gap:14px;align-items:center;float:right;margin-top:7px;background:#fff;padding:16px 24px;border-radius:14px;box-shadow:0 10px 30px #2735250b;transform:rotate(-4deg)}.mini-stat>span{background:var(--lime);color:var(--green);padding:5px 13px;border-radius:9px;font-size:25px}.mini-stat strong,.mini-stat small{display:block}.mini-stat strong{font-size:13px}.mini-stat small{color:var(--muted);margin-top:2px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:35px 0;gap:50px}.feature-grid article>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.feature-grid h3{margin-top:14px}.feature-grid p{color:var(--muted);font-size:13px}.footer{text-align:center;padding:25px;color:var(--muted);font-size:11px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;border-right:1px solid var(--line);background:#fcfcf8;padding:32px 22px;display:flex;flex-direction:column}.sidebar .brand{margin:0 8px 55px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#89968e;padding-left:16px;margin-bottom:12px}.sidebar nav{display:grid;gap:6px}.sidebar nav>a{font-size:13px;color:#66756f;padding:12px 16px;border-radius:9px}.sidebar nav>a.selected{background:#e5eddc;color:var(--green);font-weight:650}.sidebar nav>a:hover{background:#edf2e7;text-decoration:none}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:22px 13px 0;font-size:12px}.sidebar-bottom small{display:block;color:var(--muted)}.main{margin-left:235px;padding:45px 45px 25px;max-width:1640px}.workspace>.footer{margin-left:235px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.page-header .eyebrow{color:var(--muted);font-size:9px;margin-bottom:10px}.page-header h1{font-size:31px;letter-spacing:-1px}.status-pill{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center;white-space:nowrap}.status-pill i{width:6px;height:6px;background:#6ea866;border-radius:50%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}.stat{padding:23px;background:white;border:1px solid var(--line);border-radius:16px}.stat>span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:39px;font-weight:550;letter-spacing:-1.5px;margin:5px 0 12px}.stat small{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;padding-top:13px;font-size:10px;color:var(--muted)}.stat small span{color:var(--green)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title h2{margin-bottom:3px;font-size:20px}.section-title p{font-size:12px;margin-bottom:0}.section-title>a:not(.button){font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;letter-spacing:.5px;color:var(--muted);font-weight:500;background:#f8faf5;padding:13px 14px}td{padding:17px 14px;border-bottom:1px solid #edf0e9}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.empty{text-align:center;padding:45px;color:var(--muted)}.amount{font-weight:650;display:inline-block;padding:4px 10px;border-radius:7px}.positive{background:#eaf3df;color:var(--green)}.negative{background:#fcf0e5;color:#a56c31}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.welcome-panel{background:#e8eedf;border-color:#e8eedf;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px}.welcome-panel h2{font-size:29px}.welcome-panel p{color:#617364;max-width:350px;font-size:13px}.welcome-panel .eyebrow{font-size:9px}.business-qr{text-align:center}.qr{background:white;display:inline-block;padding:5px;border-radius:10px;width:180px;max-width:100%;aspect-ratio:1}.qr svg{display:block;width:100%;height:auto}.business-qr .qr{width:130px}.business-qr h3{font-size:15px;margin:8px 0}.business-qr p{font-size:12px;color:var(--muted)}.business-qr>a{font-size:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:50px 0}.login-layout>div>h1{font-size:65px;letter-spacing:-3px}.login-panel{padding:36px}.login-panel form{margin:27px 0}.login-panel form button{width:100%}.login-panel>.small{margin-bottom:0}.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;max-width:950px;margin:40px auto}.join-layout>.wallet{min-height:390px}.business-logo{width:65px;height:65px;object-fit:contain;background:white;padding:6px;border-radius:12px;margin-bottom:20px}.card-page{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;max-width:900px;margin:25px auto}.card-page>.panel{margin:0}.full{grid-column:1/-1}.balance{font-size:64px;letter-spacing:-3px;line-height:1.1;margin:25px 0}.balance small{font-size:15px;letter-spacing:0;margin-left:12px;font-weight:400}.card-qr{text-align:center;padding:25px}.card-qr h3{margin-top:12px}.card-qr p{color:var(--muted);font-size:12px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-bottom:24px}.reward{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}.reward>strong{font-size:13px;color:var(--green)}.reward p{font-size:12px;color:var(--muted);margin-top:10px}.reward h3{margin-top:16px}.reward-icon{display:grid;place-items:center;background:#edf3e2;color:var(--green);border-radius:12px;width:40px;height:40px;font-size:22px}progress{width:100%;height:7px;accent-color:var(--green)}.customer-heading{display:flex;gap:18px;align-items:center;margin-bottom:28px}.customer-avatar{border-radius:18px;background:#dfe9cf;color:var(--green);font-size:27px;display:grid;place-items:center;width:66px;height:66px}.customer-heading .eyebrow{font-size:9px;margin-bottom:3px}.customer-heading h2{margin:0}.customer-balance{margin-left:auto;font-size:40px;letter-spacing:-1px}.customer-balance small{font-size:12px;letter-spacing:0;color:var(--muted)}.search{display:flex;gap:12px;margin-bottom:24px}.search input{margin:0}.pagination{display:flex;justify-content:space-between;margin-top:22px}.team-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line)}.team-row>div{margin-right:auto}.team-row small{display:block;color:var(--muted)}.team-row details{max-width:240px}details{margin-top:20px;font-size:13px}summary{cursor:pointer;font-weight:600;color:var(--green);margin-bottom:15px}details p{font-size:12px;line-height:1.8;white-space:normal}video{display:block;background:#183e32;border-radius:14px;max-width:100%;width:100%;min-height:200px;margin:20px 0}video:not([src]){object-fit:cover}.poster{text-align:center;max-width:620px;margin:30px auto!important;padding:55px}.poster h1{font-size:72px;letter-spacing:-3px}.poster .qr{width:260px}.poster em{color:var(--business-color)}.poster button{display:block;margin:20px auto 0}code{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a6c77a;outline-offset:4px}@media(min-width:1600px){.main{padding-left:65px;padding-right:65px}}@media(max-width:1050px){.main{padding:30px 25px}.sidebar{width:200px}.main,.workspace>.footer{margin-left:200px}.status-pill{display:none}.hero{gap:25px}.hero h1{font-size:54px}.wallet.example{padding:25px}.stats{gap:12px}.stat{padding:18px}.login-layout{gap:35px}.login-layout>div>h1{font-size:50px}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:18px;display:block;border-bottom:1px solid var(--line);border-right:0}.sidebar .brand{margin:0 0 18px;font-size:24px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow:auto;padding-bottom:4px}.sidebar nav>a{white-space:nowrap;padding:9px 13px;font-size:12px}.main,.workspace>.footer{margin-left:0}.main{padding:25px 17px}.page-header{margin-bottom:22px}.page-header h1{font-size:26px}.public-header{padding:20px}.public-main{padding:10px 20px 35px}.public-header .brand{font-size:23px}.hero{grid-template-columns:1fr;padding:30px 0 40px;gap:25px}.hero h1{font-size:52px}.hero>div>p{font-size:15px}.hero-art{max-width:440px;margin:auto;width:100%;padding:20px 5px 25px}.wallet.example{max-width:355px;min-height:300px;padding:27px}.hero .actions{gap:18px}.feature-grid{grid-template-columns:1fr;gap:20px;padding:25px 0}.feature-grid article{padding-bottom:10px}.feature-grid p{max-width:340px}.mini-stat{padding:12px 17px}.stats{gap:9px}.stat{padding:15px 10px;border-radius:12px}.stat>span{font-size:10px}.stat strong{font-size:30px}.stat small{font-size:8px;line-height:1.3}.dashboard-grid,.two-columns,.join-layout,.card-page,.login-layout{grid-template-columns:1fr;gap:18px}.dashboard-grid{gap:0}.panel{padding:22px;border-radius:16px}.section-title{align-items:flex-start;gap:10px;flex-wrap:wrap}.section-title h2{font-size:19px}.login-layout{padding:25px 0}.login-layout>div>h1{font-size:43px}.login-layout .eyebrow{font-size:9px}.card-page{margin:15px auto}.wallet{padding:28px}.wallet h1{font-size:31px}.card-qr .qr{width:180px}.card-qr{padding:25px}.join-layout{margin:20px auto}.join-layout>.wallet{min-height:0}.customer-balance{font-size:29px}.customer-balance small{display:block}.customer-heading{gap:12px}.customer-avatar{width:52px;height:52px;font-size:22px}.customer-heading h2{font-size:22px}.search{gap:8px}.search button{padding:10px}.poster{padding:35px 20px}.poster h1{font-size:58px}.two-columns>.panel{margin-bottom:0}.two-columns{margin-bottom:24px}.reward-grid{gap:14px}.floating-note{left:15px}}@media print{body{background:white}.public-header,.footer,.poster button{display:none}.public-main{padding:0}.poster{border:0;margin:0 auto;box-shadow:none}.poster .qr{width:280px}a{color:inherit}}

.public-header{flex-wrap:wrap;gap:12px}.install-panel{margin:24px auto 0;text-align:center}.install-panel p{margin:14px 0 0}.sidebar nav{max-height:65vh;overflow-y:auto}@media(max-width:600px){.public-header .brand{flex-basis:100%}.public-header .button{flex:1}.panel .panel{padding:18px}}

/* PuntoPremio: identidad de la plataforma. */
:root{--ink:#123C34;--green:#123C34;--paper:#F6F3EA}
.brand .platform-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}
.sidebar .brand{margin:0 0 40px;min-width:0}
.sidebar .brand .platform-logo{width:100%;max-width:180px}
.public-header .brand{min-width:0}
@media(max-width:760px){.sidebar .brand{margin:0 0 18px}.sidebar .brand .platform-logo{width:200px;max-width:100%}.public-header .brand .platform-logo{width:200px}}
@media(max-width:360px){.public-header .brand .platform-logo{width:180px}}
