*{box-sizing:border-box}body{margin:0;background:#f4f5f1;color:#18332f;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.btn{border:0;border-radius:14px;padding:14px 18px;background:#164c40;color:white;cursor:pointer;font-weight:650;display:inline-block}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d79826;outline-offset:3px}button.secondary,.secondary{background:#e9eee8;color:#164c40}button:disabled{opacity:.45;cursor:default}header{background:#fff;border-bottom:1px solid #e0e5dd;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:23px;letter-spacing:-1px}.mark{background:#d9eea4;padding:8px 12px;border-radius:12px;margin-right:8px}header nav{display:flex;gap:22px;font-size:15px}main{max-width:1200px;margin:auto;padding:30px 24px 115px}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1.8px;line-height:1.1;margin:12px 0}h2{font-size:24px;letter-spacing:-.7px}h3{margin:8px 0;font-size:19px}p{line-height:1.5}.muted{color:#65766e}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:750}.hero{border-radius:26px;background:#174d40;color:white;padding:32px;position:relative;overflow:hidden;margin-bottom:24px}.hero p{max-width:470px;color:#d4e5d7}.hero .tag{background:#d9eea4;color:#173f34}.tag{display:inline-block;border-radius:30px;background:#edf1e8;padding:7px 12px;font-size:13px;font-weight:650}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0}.toolbar input{flex:1;min-width:180px}.chips{display:flex;gap:8px;overflow:auto;padding:4px 0 18px}.chips button{white-space:nowrap;background:#fff;color:#365449;border:1px solid #dee5dc}.chips button.active{background:#174d40;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:white;border:1px solid #e1e6df;border-radius:21px;padding:20px}.art{height:140px;background:#f1f0e7;border-radius:15px;display:grid;place-items:center;font-size:64px;margin-bottom:17px}.price{font-size:25px;font-weight:750;letter-spacing:-1px;margin:14px 0}.qty{display:flex;align-items:center;justify-content:space-between;border:1px solid #dce3d8;border-radius:13px;overflow:hidden}.qty button{background:#edf2e8;color:#164c40;border-radius:0;min-width:48px}.qty span{font-weight:700}.dock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 28px));padding:14px 19px;background:#173e33;color:white;border-radius:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 35px #163e3333;z-index:5}.dock button{background:#d9eea4;color:#183b2d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.stats .card{padding:17px}.stats strong{display:block;font-size:30px;margin-top:8px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.orders{display:grid;gap:12px}.order{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.order small{display:block;color:#697b70;margin:8px 0}.status{background:#f8ebca;color:#73501d}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.line{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e4e9e1}.line:last-child{border:0}label{display:block;margin:18px 0 8px;font-weight:650}input,select,textarea{width:100%;padding:14px;border:1px solid #d4dfd2;border-radius:12px;background:white;color:#18332f}dialog{border:0;border-radius:24px;padding:26px;width:min(600px,94%);max-height:90vh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#102b2766;backdrop-filter:blur(4px)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions>*{flex:1;text-align:center}.notice{background:#eaf0dd;border-radius:12px;padding:13px;font-size:14px;line-height:1.5}.step{display:flex;gap:16px;padding:19px 0}.circle{width:36px;height:36px;border-radius:50%;background:#e6ebdf;display:grid;place-items:center;flex-shrink:0}.step.done .circle{background:#164c40;color:white}.step p{margin:5px 0;color:#69796f;font-size:15px}.back{display:inline-block;margin-bottom:18px}.empty{text-align:center;padding:35px}.mobile-nav{display:none}footer{text-align:center;padding:20px;font-size:13px;color:#6d7a70}.demo{font-size:12px;background:#e7eddc;padding:7px 15px;text-align:center;color:#4f634d}.total{font-size:24px;font-weight:750}.close{float:right;background:#edf1e9;color:#214639;padding:8px 14px}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#173e33;color:white;padding:15px 22px;border-radius:14px;z-index:20;display:none}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid #ddd}#printarea{display:none}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}header{padding:16px 20px}header nav{gap:12px;font-size:13px}.hero{padding:25px}.order .btn{padding:12px}.stats .card{padding:14px}.stats small{font-size:13px}main{padding:22px 16px 110px}.mobile-nav{display:flex;position:fixed;bottom:0;background:#fff;width:100%;justify-content:space-around;padding:15px;border-top:1px solid #ddd;z-index:4}.mobile-nav a{font-size:14px}.panelmain{padding-bottom:95px}}@media(max-width:420px){header strong{font-size:20px}header nav{gap:10px}.card{padding:14px}.art{height:110px;font-size:52px}.grid{gap:11px}h3{font-size:17px}.price{font-size:23px}}@media print{body>*{display:none!important}#printarea{display:block!important;color:black;padding:25px;font:14px Arial}#printarea h1{font-size:28px}#printarea .sign{margin-top:65px}}
/* BA Pedidos · Paleta degradada V2 */
:root{--ink:#232345;--blue:#2545b8;--purple:#7138ac;--accent:linear-gradient(120deg,#2344ad 0%,#5139a5 55%,#7739a9 100%)}
body{background:#f2f1f8;color:var(--ink)}
header{background:#ffffffed;border-color:#e1dff0}header strong{color:#29274f}.mark{background:var(--accent);color:white;font-size:17px;letter-spacing:-1px;box-shadow:0 4px 12px #5139a526}
header nav a:hover{color:#5735a2}
button,.btn{background:var(--accent);color:white;box-shadow:0 3px 8px #503b9c14}
button.secondary,.secondary{background:#eeebf8;color:#45317e;box-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ad5bdf;outline-offset:3px}
.hero{background:var(--accent);box-shadow:0 14px 35px #3e2d8d20;padding:38px}
.hero:after{content:'';position:absolute;right:-80px;top:-100px;width:350px;height:350px;border:55px solid #ffffff09;border-radius:50%;pointer-events:none}
.hero h1,.hero p,.hero span{position:relative;z-index:1}.hero p{color:#efebff}.hero .tag{background:#ffffffeb;color:#413079}
.hero .eyebrow{color:#f2edff}.tag{background:#eeebf9;color:#4a387e}
.muted,.order small,footer,.step p{color:#68667e}
.card{border-color:#e4e0ef;box-shadow:0 3px 14px #31255704}.art{background:linear-gradient(145deg,#f0edfa,#e9effa)}
.card:nth-child(3n+2) .art{background:linear-gradient(145deg,#f3ecf9,#eeeafc)}
.chips button{border-color:#ded9ee;color:#4a4361}.chips button.active{background:var(--accent);color:white}
.qty{border-color:#ddd8eb}.qty button{background:#efecf8;color:#463181;box-shadow:none}
.dock{background:linear-gradient(110deg,#232b67,#47266e);box-shadow:0 10px 32px #30226440}
.dock button{background:#fff;color:#3a2c77;box-shadow:none}.dock small{color:#e3def7}
.stats .card:first-child{background:var(--accent);color:white;border:0}.stats .card:first-child .muted{color:#eeebff}
.stats .card:nth-child(2){background:#eae5f8;border-color:#e1d8f3}.stats .card:nth-child(3){background:#e5edf9;border-color:#dbe4f2}
.status{background:#fff0cf;color:#725117}.notice{background:#ece8f7;color:#4c4265}
.line{border-color:#e6e1ef}input,select,textarea{border-color:#dad4e8;color:#292440}
.step .circle{background:#ece8f6;color:#554873}.step.done .circle{background:var(--accent);color:white;box-shadow:0 3px 10px #503b9c20}
.close{background:#eeebf8;color:#483879}.demo{background:#e7e2f4;color:#51416f}.mobile-nav{border-color:#e0d9ee;color:#493682}
#toast{background:linear-gradient(110deg,#232b67,#47266e)}
@media(max-width:850px){.hero{padding:27px}}@media print{#printarea{color:#000!important}}
/* V3: controles contenidos y administración móvil */
button,.btn{min-height:46px;max-width:100%;line-height:1.25;overflow-wrap:anywhere}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}header nav a{display:flex;align-items:center;min-height:42px}.qty{min-width:0;gap:2px}.qty button{flex:0 0 44px;min-width:44px;width:44px;height:46px;padding:0;font-size:24px;line-height:1}.qty span{min-width:20px;text-align:center}.order{grid-template-columns:minmax(0,1fr) auto}.order>*{min-width:0}.order button{max-width:135px}.dock>div{min-width:0}.dock button{flex-shrink:0;max-width:60%;padding:12px}.paneltabs{display:flex;gap:8px;margin:22px 0;overflow-x:auto}.paneltabs button{background:#e9e4f6;color:#4b397c;flex:1;white-space:nowrap;padding:13px 10px}.paneltabs button.active{background:var(--accent);color:white}.mobile-nav button{padding:7px 10px;font-size:14px;background:transparent;color:#48317c;box-shadow:none}.productrow{display:flex;align-items:center;gap:14px}.thumb{height:65px;width:65px;flex-shrink:0;background:#eee9f8;border-radius:13px;display:grid;place-items:center;font-size:30px;overflow:hidden}.thumb img,.art img{width:100%;height:100%;object-fit:contain}.art{overflow:hidden}.check{display:flex;gap:12px;align-items:center;font-weight:500;min-height:46px}.check input{width:23px;height:23px;accent-color:#6135a4;flex-shrink:0}.previewphoto{max-width:160px;max-height:130px;object-fit:contain;margin-top:15px;border-radius:12px}.prepareline{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:14px;align-items:center;border-bottom:1px solid #e5dfef;padding:10px 0}.prepareline label{margin:0}.prepareline small{display:block;font-weight:400;color:#6a657a;margin-top:6px}.prepareline input{text-align:center;padding:12px 4px;min-width:0}.bizlogo{display:block;max-width:150px;max-height:65px;object-fit:contain;margin:18px auto 0}.order h3{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:420px){.order button{max-width:106px;font-size:14px;padding:12px}.productrow{gap:9px}.thumb{width:45px;height:54px}.stats{gap:7px}.stats small{font-size:12px}.paneltabs button{font-size:15px}.dock button{font-size:15px}.order small{font-size:13px}}