* { box-sizing: border-box }
body { margin: 0; background: #fbf8f0; color: #30271f; font: 1rem/1.6 system-ui, sans-serif }
.wrap { width: min(100% - 2.4rem, 66rem); margin: auto }
header { background: #522534; color: #fff5dd; border-bottom: 4px solid #bb955c }
header .wrap { display: flex; justify-content: space-between; align-items: center; padding-block: 1.2rem }
.marca, h1, h2 { font-family: Georgia, serif; font-weight: normal }
.marca { color: inherit; text-decoration: none; font-size: 2rem }
header span, small, .aviso { font-size: .875rem }
h1 { font-size: clamp(2.4rem, 6vw, 4.6rem); line-height: 1.1; margin: 1em 0 .55em; letter-spacing: -.035em }
nav { display: flex; flex-wrap: wrap; gap: .55rem; border-bottom: 1px solid #d7cbbb; padding-bottom: 1.6rem }
nav a { border: 1px solid #bead9e; padding: .4rem .9rem; border-radius: 2rem; text-decoration: none; color: inherit }
nav a[aria-current], nav a:hover, .botao { background: #522534; color: white }
.vazio { padding: 2rem 0 }
.aviso { max-width: 49rem; color: #66574c; margin: 1.6rem 0 }
.grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1rem; margin-bottom: 3rem }
article { display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid #dbd1c1; background: #fffdf8; overflow-wrap: anywhere }
article img { width: 100%; height: 14rem; object-fit: contain; margin-bottom: 1rem }
small { color: #76502b }
h2 { line-height: 1.2; font-size: 1.8rem; margin: .3rem 0 }
.botao { text-decoration: none; padding: .55rem .9rem; align-self: start; margin-top: auto }
a:focus-visible { outline: 3px solid #a07822; outline-offset: 3px }
.claro { color: #fff5dd }
.painel { padding-bottom: 3rem }
.painel details,.painel article { margin-block: 1rem; padding: 1.25rem; border: 1px solid #dbd1c1 }
.painel form { display: flex; flex-wrap: wrap; align-items: end; gap: .8rem; margin-block: 1rem }
.painel label { display: grid; gap: .25rem; max-width: 100% }
.painel input,.painel select,.painel textarea,.painel button { padding: .6rem; font: inherit; max-width: 100%; box-sizing: border-box }
.painel button { background: #522534; color: white; border: 1px solid #522534; cursor: pointer }
.painel button:disabled { opacity: .65 }
.painel .secundario { background: transparent; color: #522534 }