/* Identidad fija de la plataforma. Los archivos PNG son los originales entregados. */
:root{--brand-orange:#fc5800;--brand-black:#151816;--brand-link:#aa3a00;--brand-soft:#fff0e7;--green:var(--brand-link);--deep:var(--brand-black);--cream:#f8f8f6;--ink:var(--brand-black);--muted:#6c716d;--line:#e5e6e2;--lime:var(--brand-orange)}
.brand{display:flex;align-items:center;flex-shrink:0;line-height:0;letter-spacing:normal}
.brand-logo{display:block;width:164px;height:auto;object-fit:contain}
.sidebar .brand{padding:0 10px 28px}.sidebar .brand-logo{width:162px;max-width:100%}
.login-story .brand-logo{width:240px;max-width:100%}.mobile-brand .brand-logo{width:190px}
.public-wrap>.brand{display:none}
.platform-signature{display:inline-flex;align-items:center;justify-content:center;gap:7px;vertical-align:middle;white-space:nowrap}
.platform-signature img{display:block;width:88px;height:auto}.public-foot .platform-signature{display:flex;margin-top:12px}.public-foot .platform-signature img{width:100px}
.footer-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn{background:var(--brand-orange);color:var(--brand-black)}.btn:hover{background:#e95000;color:var(--brand-black)}
.btn.secondary{background:#fff;color:var(--brand-black)}.btn.secondary:hover{background:#f0f1ee}.btn.light{background:var(--brand-orange);color:var(--brand-black)}
.btn.danger{background:#fff5f1;color:#aa4e38}.btn.danger:hover{background:#ffe9df}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand-orange)}
.workspace,.terms,.grant-promotion{background:#f5f5f2}.business-avatar,.avatar{background:#eeeFEB;color:#353c36}
nav button{color:#626861}nav button:hover{background:#f3f3f0}nav button.active{background:var(--brand-soft);color:var(--brand-black)}nav button.active .navicon{color:var(--brand-link)}
.stat-icon{background:var(--brand-soft);color:var(--brand-link)}.online:before{background:var(--brand-orange)}
.demo-label{background:var(--brand-soft);color:var(--brand-link)}
.badge:not(.ended):not(.prize){background:var(--brand-soft);color:var(--brand-link)}
.promo-art{background:#fff0e4}.promo-art.tone-1{background:#ebede9}.promo-art.tone-2{background:#f4e8de}
.art-symbol,.tone-1 .art-symbol,.tone-2 .art-symbol{color:var(--brand-orange);opacity:.65}.tone-1 .art-symbol{color:#596159}.tone-2 .art-symbol{color:#b85a22}.art-caption{color:#68665f}
.mini-stamps span{background:var(--brand-soft);color:var(--brand-link)}
.notice{background:#f6f6f2;border-color:#e1e3dc;color:#565e53}.notice.warning{background:#fff6e9;border-color:#f2e3c8;color:#8b6c3b}
.tip{background:var(--brand-black)}.tip p,.login-story p{color:#c9cec9}.tip .spark{color:var(--brand-orange)}
.login-story{background:var(--brand-black)}.login-story h1 em{color:var(--brand-orange)}.login-story .eyebrow{color:#d9dcd6}.login-story>.muted{color:#b9c0b8}
.login-stamps span{border-color:#737970;color:#b9c0b8}.login-stamps span:first-child,.login-stamps span:nth-child(2),.login-stamps span:nth-child(3){background:var(--brand-orange);color:var(--brand-black)}
.customer-suggestions button:hover,.customer-suggestions button[aria-selected=true]{background:var(--brand-soft)}
.progress-line span{background:var(--brand-orange)}progress.progress-line{accent-color:var(--brand-orange)}progress.progress-line::-webkit-progress-value{background:var(--brand-orange)}progress.progress-line::-moz-progress-bar{background:var(--brand-orange)}
dialog{box-shadow:0 20px 80px #15181626}dialog::backdrop{background:#15181666}
.close{background:#f1f2ee;color:#6c716d}#toast{background:var(--brand-black)}
/* Zona del negocio: su color es independiente del naranja de VuelvePe. */
.loyalty-card{--business-color:#32644d;--green:var(--business-color);--deep:var(--business-color);--ink:#21332b;--muted:#727e76;--line:#e2e7de;--lime:#d7eb9b;color:var(--ink)}
.loyalty-card .loyalty-header{background:var(--business-color)}
.loyalty-card .btn{background:var(--business-color);color:#fff}.loyalty-card .btn:hover{filter:brightness(.9)}
.loyalty-card .badge:not(.ended):not(.prize){background:#edf3e4;color:var(--business-color)}
.loyalty-card .notice:not(.warning){background:#f1f5e9;border-color:#e0e8d4;color:#566747}
.loyalty-card .terms{background:#f7f8f4}.loyalty-card .stamp.filled{color:var(--business-color)}
.loyalty-card button:focus-visible,.loyalty-card a:focus-visible,.loyalty-card input:focus-visible,.loyalty-card select:focus-visible{outline-color:var(--business-color)}
@media(max-width:800px){.sidebar .brand{padding:0}.sidebar .brand-logo{width:160px}.mobile-brand .brand-logo{width:184px}}