:root{
  --tinta:#1c1a17; --papel:#f7f4ee; --papel-2:#fffdf8;
  --linea:#d9d2c5; --acento:#7a3b2e; --suave:#6f6858;
}
@media (prefers-color-scheme: dark){
  :root{ --tinta:#efe9dd; --papel:#171614; --papel-2:#201e1a;
         --linea:#3a352d; --acento:#d08a72; --suave:#a49a88; }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--papel); color:var(--tinta);
  font:16px/1.55 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
}
header{padding:2.5rem 1.25rem 1.25rem; max-width:60rem; margin:0 auto; border-bottom:1px solid var(--linea)}
h1{margin:0; font-size:2rem; letter-spacing:-.02em}
h2{font-size:1.15rem; margin:0 0 .75rem; text-transform:uppercase; letter-spacing:.09em; font-family:system-ui,sans-serif}
.lead{margin:.4rem 0 0; color:var(--suave)}
main{max-width:60rem; margin:0 auto; padding:1.5rem 1.25rem 4rem}
section{padding:1.75rem 0; border-bottom:1px solid var(--linea)}
section:last-child{border-bottom:0}
.dato{color:var(--suave); font-family:system-ui,sans-serif; font-size:.87rem}
.controles{display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; margin:.75rem 0}
label{font-family:system-ui,sans-serif; font-size:.85rem; color:var(--suave)}
select,button,input[type=file]{
  font:inherit; font-family:system-ui,sans-serif; font-size:.92rem;
  padding:.5rem .8rem; border:1px solid var(--linea); border-radius:2px;
  background:var(--papel-2); color:var(--tinta);
}
button{background:var(--tinta); color:var(--papel); border-color:var(--tinta); cursor:pointer}
button:hover{background:var(--acento); border-color:var(--acento)}
button:disabled{opacity:.5; cursor:progress}
.grilla{display:grid; grid-template-columns:repeat(auto-fill,minmax(9rem,1fr)); gap:.9rem}
.carta{border:1px solid var(--linea); background:var(--papel-2); border-radius:2px; overflow:hidden}
.carta img{width:100%; aspect-ratio:3/4; object-fit:cover; display:block; background:var(--papel)}
.carta .pie{padding:.5rem .6rem; font-family:system-ui,sans-serif; font-size:.78rem; line-height:1.35}
.carta .pie strong{display:block; font-weight:600}
.punto{display:inline-block; width:.7rem; height:.7rem; border-radius:50%; border:1px solid var(--linea); vertical-align:-1px; margin-right:.3rem}
.outfit{border-left:3px solid var(--acento); padding:.65rem 0 .65rem .9rem; margin:.9rem 0}
.outfit .motivo{margin:0 0 .5rem; font-style:italic}
.outfit ul{margin:0; padding-left:1.1rem; font-family:system-ui,sans-serif; font-size:.87rem; color:var(--suave)}

/* Prendas todavía en cola de catalogado */
.carta.pendiente img{opacity:.45;filter:grayscale(1)}
.carta.pendiente .pie strong{color:var(--suave)}
.carta.con-error{border-color:#a8503f}
.carta.con-error img{opacity:.4}
.carta.con-error .pie strong{color:#a8503f}