:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#28312d;background:#f6f7f5}*{box-sizing:border-box}body{margin:0}header{background:#ffffff;color:white;padding:15px max(20px,calc((100vw - 1250px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{color:#44291a;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:15px;font-size:14px}.brand{font-weight:800;font-size:21px}main{max-width:1250px;margin:30px auto;padding:0 20px}h1{margin:0 0 8px;font-size:27px}h2{font-size:20px;margin:0 0 15px}h3{font-size:16px}.panel{background:white;border:1px solid #e1e6e1;border-radius:12px;padding:22px;margin:0 0 20px;box-shadow:0 2px 6px #19342708}.narrow{max-width:550px;margin:35px auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.heading p{margin:0;color:#67756e}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button,button{border:0;background:#e95b0c;color:white;border-radius:7px;padding:11px 15px;text-decoration:none;font-weight:650;cursor:pointer;font-size:14px}.secondary{background:#fff0e5;color:#a63d00}.danger{background:#a43c39}.small{padding:6px 9px}.item{display:block;padding:12px 0;border-bottom:1px solid #edf0ec;text-decoration:none;color:inherit}.item:last-child{border:0}.item span,.item small{display:block;color:#6e7b73;font-size:13px;margin-top:4px}.item.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.item a{color:#b84607;text-decoration:none}.item.row span{color:inherit;font-size:14px}label{display:block;font-weight:600;font-size:13px;margin:12px 0}input,select,textarea{display:block;width:100%;border:1px solid #cbd5cd;border-radius:7px;padding:10px;margin-top:5px;font:inherit;background:white}input[type=checkbox]{width:auto;display:inline}form button{margin-top:7px}.inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline>*{flex:1}.inline button{flex:0}.search{display:flex;gap:10px;margin:15px 0}.search input{margin:0}.alert{padding:13px 15px;border-radius:8px;background:#e8f0e9;margin-bottom:16px}.alert.error{background:#ffebe8;color:#8c2824}.products{max-height:560px;overflow:auto;border:1px solid #e5ebe6;border-radius:8px;margin-bottom:18px}.product{display:grid;grid-template-columns:minmax(180px,1fr) 90px 100px 90px;gap:12px;align-items:center;padding:9px 13px;border-bottom:1px solid #edf0ec}.product label{margin:0}.product input{padding:8px}.product small{display:block;color:#b84607}@media(max-width:750px){.columns{grid-template-columns:1fr}.product{grid-template-columns:minmax(120px,1fr) 80px;gap:6px}.product label{font-size:11px}header{padding:15px 20px}main{margin:18px auto;padding:0 12px}.panel{padding:14px}.heading{align-items:start}}

/* Identidad Canela en Rama */
:root{--canela:#e95b0c;--canela-dark:#b84607;--canela-light:#fff2e8}
header{border-bottom:3px solid var(--canela);box-shadow:0 2px 12px #50250e12}
.brand{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.2}
.brand-logo{width:84px;height:49px;object-fit:contain;object-position:center}
.auth-panel{max-width:480px;text-align:left}
.auth-logo{display:block;width:min(100%,260px);height:auto;margin:0 auto 20px}
.auth-panel h1{text-align:center;font-size:23px;margin-bottom:24px}
button:hover,.button:hover{filter:brightness(.92)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff9e61;outline-offset:2px}
@media(max-width:750px){.brand-logo{width:68px;height:42px}.brand{font-size:16px}nav{gap:12px}}