:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#15251d;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#147453;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1140px;margin:auto;padding-left:20px;padding-right:20px}header{background:#fff;border-bottom:1px solid #e5ebe7}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:1.25rem;font-weight:800;color:#156447;white-space:nowrap}nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.91rem}.navcta,.btn{display:inline-block;background:#157b53;color:white;border:0;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer;text-decoration:none}.navcta{padding:9px 12px}.btn:hover,.navcta:hover{background:#0d5c3d;color:white;text-decoration:none}.btn.light{background:white;color:#155f43}.btn.mini{padding:8px 12px}.link{border:0;background:transparent;color:#147453;cursor:pointer;font:inherit;padding:0}.inline{display:inline}.user{color:#6e8075}.hero{background:linear-gradient(125deg,#0d523b,#15976b);color:white;padding:48px 40px;margin-top:28px;border-radius:20px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:12px 0}.hero p{max-width:680px;line-height:1.7}.eyebrow{letter-spacing:.12em;font-weight:800;font-size:.76rem;color:#c8f5df}.eyebrow.green{color:#16805d}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:#fff;border:1px solid #e5ece7;border-radius:16px;padding:22px;margin:16px 0;box-shadow:0 3px 10px rgba(0,0,0,.025)}.card h3{margin:12px 0 4px}.card p{line-height:1.55}.iconbox{font-size:2rem}.narrow{max-width:700px;margin:35px auto}.form{display:flex;flex-direction:column;gap:16px}.form h2{margin:8px 0 0;font-size:1.15rem}.form label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:.93rem}input,textarea,select{width:100%;padding:11px 12px;font:inherit;border:1px solid #cad8ce;border-radius:9px;background:#fff;color:#162820}input:focus,textarea:focus,select:focus{outline:2px solid #75c9a5;outline-offset:1px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.muted{color:#6a7c70}.small{font-size:.82rem}.alert{background:#ecfff2;border:1px solid #a7dbb6;color:#1e663d;padding:15px;border-radius:12px;margin:20px 0}.alert.err{background:#fff0f0;border-color:#f2b0b0;color:#8b2222}.foot{padding-top:40px;padding-bottom:30px;color:#89958b;font-size:.85rem}.heading{margin-top:34px}.heading h1{margin:8px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stats .card{display:flex;flex-direction:column;gap:8px}.stats strong{font-size:1.7rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #e6ece9;font-size:.9rem;vertical-align:middle}th{color:#617569}.actions{display:flex;gap:6px}.actions select{min-width:125px}.tag{display:inline-block;background:#e6f4ec;color:#165839;border-radius:30px;padding:5px 10px;font-size:.78rem}code{overflow-wrap:anywhere;font-size:.92rem}@media(max-width:650px){.columns{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:15px}nav{gap:10px}.user{display:none}.hero{padding:30px 22px}.narrow{margin:22px auto}}
/* Etapa 2 */
.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.category-nav a{padding:8px 14px;border-radius:50px;background:#e4efe8}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.catalog-grid .card{margin:0}.product-image{width:100%;height:190px;object-fit:cover;border-radius:10px}.product-card h3{margin-top:10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.media-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.thumb{height:60px;width:70px;object-fit:cover;border-radius:8px}.loja-logo{display:block;width:95px;height:95px;object-fit:contain;background:white;padding:8px;border-radius:16px;margin:18px 0}.heading .btn.light{background:#e5f3ea;color:#155f43;margin:4px 2px 4px 0}.heading .btn.light:hover{background:#d0eadb}