*{box-sizing:border-box}:root{--g:#0d3226;--cream:#f5efe5;--paper:#fffdf9;--line:#e6ddd0;--gold:#a66c20;--red:#c34134;--blue:#3475a7;--purple:#655ca8;--teal:#128676}body{margin:0;background:var(--cream);font-family:Arial,sans-serif;color:#20231f}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{background:linear-gradient(#0d3226,#09271e);color:white;padding:28px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{text-align:center;color:#efd9b2}.brand small,.brand b,.brand span{display:block}.brand small{font:18px Georgia;letter-spacing:3px}.brand b{font:34px Georgia}.brand span{font-size:9px;letter-spacing:3px;margin-top:9px}nav{display:grid;gap:4px;margin-top:30px}nav button{border:0;background:transparent;color:white;padding:13px;text-align:left;border-radius:9px;cursor:pointer}nav button.on,nav button:hover{background:#995c21}.help{border:1px solid #8c816c;background:#183e30;color:white;border-radius:9px;padding:11px;margin-top:14px;cursor:pointer}.motto{margin-top:auto;border:1px solid #8b7b61;border-radius:12px;padding:18px;text-align:center;color:#ead5b1;font:italic 16px Georgia;line-height:1.5}main{min-width:0}header{height:280px;position:relative;background:url("assets/el-bodegon-local.jpg") center 48%/cover no-repeat;color:white}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#071b15dc 0%,#071b1585 38%,#071b1512 72%,#071b1570 100%)}.hero{position:absolute;z-index:2;left:4%;top:48px;text-shadow:0 2px 12px #000}.hero span{letter-spacing:4px;font-size:12px;color:#f1cc82}.hero h1{font:700 47px/1.02 Georgia;margin:8px 0}.hero p{font-size:18px}.hello{position:absolute;z-index:2;right:3%;top:20px;background:#103c2fe8;border-radius:13px;padding:13px 17px}.hello b,.hello small{display:block}.hello small{margin-top:5px;color:#e8e3d9}#view{padding:20px;max-width:1450px;margin:auto}.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.quick button{border:0;color:white;border-radius:12px;padding:18px 13px;min-height:100px;text-align:left;cursor:pointer}.quick b{display:block;font-size:17px;margin-bottom:7px}.q1{background:var(--red)}.q2{background:#29804f}.q3{background:var(--blue)}.q4{background:#b98120}.q5{background:var(--purple)}.q6{background:var(--teal)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:14px 0}.metric,.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px}.metric span{font-size:12px;color:#747a75}.metric b{display:block;font-size:23px;margin-top:8px}.redtxt{color:#b8392f}.green{color:#25804b}.cols{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.panel h2{font:24px Georgia;margin:2px 0 12px}.row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #eee6dc}.row small{display:block;color:#7d817d;margin-top:3px}.pill{font-size:11px;padding:6px 9px;background:#f9e5bf;color:#8a5916;border-radius:20px}.sum{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee6dc}.photos{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.photo{overflow:hidden;border-radius:11px;background:#0e3024;color:white}.photo img{width:100%;aspect-ratio:1.5/1;object-fit:cover;display:block}.photo b{display:block;text-align:center;padding:9px;font-size:12px}.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px}.step{background:#fff9ed;border:1px solid #e6d5b7;border-radius:10px;padding:11px;font-size:12px}.step i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0d3226;color:white;font-weight:bold;margin-bottom:6px}.step b{display:block;margin-bottom:3px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.toolbar h2{font:30px Georgia;margin:0}.btn{border:0;background:#123b2d;color:white;border-radius:8px;padding:11px 14px;cursor:pointer}.gold{background:#a66c20}.danger{background:#b83d31}.builder{display:grid;grid-template-columns:1fr 340px;gap:13px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prod{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;cursor:pointer}.prod img{width:100%;height:135px;object-fit:cover}.prod div{padding:11px}.prod b,.prod small{display:block}.prod small{color:#777;margin-top:4px}.cart{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;height:max-content}.cartrow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.total{display:flex;justify-content:space-between;font-size:21px;padding:17px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input{width:100%;padding:11px;border:1px solid #d7cfc3;border-radius:8px;background:white}.full{grid-column:1/-1}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #eee5da;font-size:13px}.low{color:#b83b30;font-weight:bold}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:20;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modalbox{background:white;border-radius:15px;padding:23px;width:min(690px,95vw);max-height:90vh;overflow:auto}.x{float:right;border:0;background:none;font-size:27px}.guideRow{display:grid;grid-template-columns:40px 1fr;gap:11px;background:#f8f2e8;border-radius:10px;padding:11px;margin:8px 0}.circle{width:34px;height:34px;border-radius:50%;background:#0d3226;color:white;display:grid;place-items:center;font-weight:bold}#toast{display:none;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#0d3226;color:white;padding:12px 18px;border-radius:25px;z-index:30}@media(max-width:850px){.app{display:block}aside{height:auto;position:relative}.motto{display:none}nav{display:flex;overflow:auto;margin-top:14px}nav button{min-width:115px}.hello{display:none}.quick{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.cols,.builder{grid-template-columns:1fr}.photos{grid-template-columns:repeat(2,1fr)}.mini{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}}
.photoUpload{border:2px dashed #c9b99d;border-radius:10px;padding:14px;background:#fff9ee;cursor:pointer;text-align:center}
.photoUpload b{display:block;color:#0d3226;margin-bottom:7px}
.photoUpload span{display:inline-block;background:#a66c20;color:white;border-radius:8px;padding:9px 13px}
.photoUpload input{display:none}