body.cliente-app{--marca:#76600b;--marca-suave:#f1e8c4;--fondo:#f7f4eb;--papel:#fffdf6;--borde:#e4dfd1;--tinta:#24231f;background:#f7f4eb;color:var(--tinta);font-family:Manrope,sans-serif;line-height:1.6}
.cliente-app .cliente-nav{max-width:1120px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borde);gap:24px}.cliente-marca{font-size:32px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:#24231f}.cliente-marca span{display:block;font-size:8px;letter-spacing:2px}.cliente-nav nav{display:flex;gap:24px;font-size:13px}.cliente-nav a{text-decoration:none}.cliente-app .simple{margin:40px auto;padding:24px;max-width:520px}.cliente-app .simple--ancho{max-width:820px}.cliente-app .cliente{max-width:700px;margin:32px auto 64px}.cliente-app .tarjeta{border-radius:20px;background:#fffdf6;box-shadow:0 8px 24px #39301b05}.cliente-app .boton{background:#27251e;color:#fffdf6;border-radius:999px;padding:12px 20px;box-shadow:none;font-family:inherit}.cliente-app .boton--fantasma{background:transparent;color:#27251e;border:1px solid var(--borde)}.cliente-app input,.cliente-app select{font-family:inherit;border-radius:12px;padding:12px;background:#fffdf9}.cliente-app input:read-only{background:#eeeadf;color:#756e5c}.cliente-app h1{font-size:36px;letter-spacing:-1.4px;line-height:1.15}.cliente-app h2{font-size:22px;letter-spacing:-.5px}.cliente-app h3{font-size:17px}.cliente-app .ticket .cabecera{background:#27251e;color:#f0cd3f}.cliente-app .ticket{overflow:hidden}.cliente-app .ticket .codigo{font-family:Manrope,sans-serif;letter-spacing:-3px;font-size:72px}.cliente-app .sello{border-color:#c9ba84;color:#c9ba84}.cliente-app .sello.lleno{background:#f0cd3f;color:#28251c;border-color:#f0cd3f}.cliente-app .perfil-actual{background:#eee8d6}.cliente-app :focus-visible{outline:3px solid #a18216;outline-offset:3px}.cliente-app [hidden]{display:none!important}
@media(max-width:600px){.cliente-app .cliente-nav{padding:16px;gap:16px}.cliente-nav nav{gap:12px;font-size:11px}.cliente-marca{font-size:26px}.cliente-marca span{font-size:7px;letter-spacing:1px}.cliente-app .simple{margin:24px auto;padding:16px}.cliente-app .cliente{margin-top:16px}.cliente-app h1{font-size:30px}.cliente-app #perfil .fila{flex-wrap:wrap}.cliente-app #perfil .campo{min-width:160px}}