* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }
body { background:#fdf6ee; color:#333; }

header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#d85a30;
  color:#fff;
  padding:1rem 2rem;
}
header h1 { font-size:1.8rem; }
nav { display:flex; gap:1.5rem; }
nav a { color:#fff; text-decoration:none; font-weight:bold; }
nav a:hover { text-decoration:underline; }

.hero {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:2rem 1rem;
  background:#f0997b;
  color:#4a1b0c;
}
.hero h2 { font-size:2.2rem; margin-bottom:0.5rem; }
.hero p { max-width:600px; }

.hero img {
  width:100%;
  max-width:500px;
  border-radius:10px;
  margin-top:1rem;
}

.receita {
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
  padding:2rem;
  max-width:900px;
  margin:0 auto;
}

.ingredientes, .modo-preparo {
  flex:1 1 300px;
  background:#fff;
  border-radius:10px;
  padding:1.5rem;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.ingredientes h3, .modo-preparo h3 {
  color:#d85a30;
  margin-bottom:1rem;
}

.ingredientes ul {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
}

.ingredientes li::before {
  content: "•";
  color:#d85a30;
  font-weight:bold;
  margin-right:0.5rem;
}

.modo-preparo ol {
  display:flex;
  flex-direction:column;
  gap:0.8rem;
  padding-left:1.2rem;
}

footer {
  display:flex;
  justify-content:center;
  padding:1rem;
  background:#2c2c2a;
  color:#fff;
  font-size:0.9rem;
}