:root{--vino:#741f2b;--oro:#c79b43;--crema:#fbf7ef;--tinta:#2b2526;--muted:#71686a;--line:#ddd3c6}*{box-sizing:border-box}body{margin:0;background:var(--crema);color:var(--tinta);font:15px/1.5 Arial,"Segoe UI",sans-serif}header{background:var(--vino);color:#fff;padding:32px max(24px,calc((100% - 1200px)/2))}header h1{margin:0 0 6px;font:700 38px Georgia,serif}header p{margin:0;color:#f1dfb8}.wrap{max-width:1200px;margin:auto;padding:30px 24px 60px}h2{margin-top:36px;color:var(--vino)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.item{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 5px 18px #4c33200d;transition:transform .18s ease,box-shadow .18s ease}.item:hover,.item:focus{transform:translateY(-2px);box-shadow:0 10px 24px #4c33201f;outline:2px solid var(--oro)}.thumb{background:#e9e2d7;aspect-ratio:16/10;overflow:hidden}.mobile .thumb{aspect-ratio:390/500}.thumb img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.meta{padding:14px 16px}.meta strong{display:block;color:var(--vino);font-size:16px}.meta span{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding:22px;text-align:center;color:var(--muted);font-size:13px}