body{
font-family:Arial,sans-serif;background:#f4f6f9;margin:0}
header{
background:#0d1b2a;color:white;padding:15px;
box-shadow:0 2px 8px rgba(0,0,0,.2)}
.logo-area{display:flex;align-items:center;gap:15px}
.logo-area img{height:90px}
.panel{
background:white;margin:20px;padding:20px;border-radius:12px;
box-shadow:0 2px 10px rgba(0,0,0,.1)}
select,input,button{padding:10px;margin:5px}
button{background:#2f6fb3;color:white;border:none;border-radius:6px}
.categoria{
background:white;margin:20px;padding:20px;border-radius:12px}
.grid{
display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:15px}
.card{
background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px}
.card img{width:100%;height:180px;object-fit:cover;border-radius:8px}
.numero{font-weight:bold;color:#2f6fb3}