:root{--laranja:#F64218;--amarelo:#FFE600;--escuro:#2b1a14;--claro:#fff7f2;--cinza:#6b5b54}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--escuro);background:var(--claro);line-height:1.6}
a{color:var(--laranja)}
header{background:var(--laranja);color:#fff}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 16px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.25rem}
.brand img{width:44px;height:44px;border-radius:8px}
nav{display:flex;flex-wrap:wrap;gap:4px 14px}nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
nav a:hover,nav a.on{text-decoration:underline;text-decoration-color:var(--amarelo);text-underline-offset:5px}
.hero{background:var(--laranja);color:#fff;text-align:center;padding:24px 16px 40px}
.hero img{width:min(320px,70vw);height:auto}
.hero h1{margin:8px 0;font-size:1.7rem}.hero p{max-width:560px;margin:8px auto 18px}
.btn{display:inline-block;background:var(--amarelo);color:#2b1a14;font-weight:800;padding:12px 22px;border-radius:999px;text-decoration:none;margin:4px}
.btn.sec{background:#fff}
main{padding:28px 0 40px}h2{margin-top:32px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:#fff;border:1px solid #f0d9cf;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.card h3{margin:0;font-size:1rem}.card p{margin:0;color:var(--cinza);font-size:.92rem;flex:1}
.card .btn{background:var(--laranja);color:#fff;text-align:center;margin:0}
.aviso{background:#fff3c4;border-left:5px solid var(--amarelo);padding:12px 14px;border-radius:8px;font-size:.92rem}
.anuncio{border:1px dashed #d9bfb3;color:#b49c90;text-align:center;padding:20px;margin:24px 0;border-radius:10px;font-size:.85rem;display:none}
footer{background:var(--escuro);color:#e8d8d0;padding:24px 0;font-size:.88rem}footer a{color:var(--amarelo)}
.tema{background:rgba(255,255,255,.18);color:#fff;border:0;border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;font-size:.85rem}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){--claro:#120b08;--escuro:#f3e6df;--cinza:#bba89f}
:root:not([data-tema="claro"]) body{background:#120b08}
:root:not([data-tema="claro"]) .card{background:#1e1310;border-color:#3a2620}
:root:not([data-tema="claro"]) .aviso{background:#33290a;color:#f3e6df}
:root:not([data-tema="claro"]) a{color:#ff7a55}
:root:not([data-tema="claro"]) .card .btn,:root:not([data-tema="claro"]) .btn{color:#2b1a14}
:root:not([data-tema="claro"]) .card .btn{background:var(--laranja);color:#fff}
:root:not([data-tema="claro"]) footer{background:#0a0605}}
:root[data-tema="escuro"]{--claro:#120b08;--escuro:#f3e6df;--cinza:#bba89f}
:root[data-tema="escuro"] body{background:#120b08}
:root[data-tema="escuro"] .card{background:#1e1310;border-color:#3a2620}
:root[data-tema="escuro"] .aviso{background:#33290a;color:#f3e6df}
:root[data-tema="escuro"] a{color:#ff7a55}
:root[data-tema="escuro"] .btn{color:#2b1a14}
:root[data-tema="escuro"] .card .btn{background:var(--laranja);color:#fff}
:root[data-tema="escuro"] footer{background:#0a0605}
:root[data-tema="escuro"] header a,:root[data-tema="escuro"] nav a{color:#fff}
:root[data-tema="escuro"] .hero .btn{color:#2b1a14}
:root[data-tema="escuro"] footer a{color:var(--amarelo)}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) header a,:root:not([data-tema="claro"]) nav a{color:#fff}
:root:not([data-tema="claro"]) .hero .btn{color:#2b1a14}
:root:not([data-tema="claro"]) footer a{color:var(--amarelo)}}
.aviso{margin-top:24px}

.hero a.btn,:root[data-tema="escuro"] .hero a.btn,:root:not([data-tema="claro"]) .hero a.btn{color:#2b1a14}
@media (prefers-color-scheme:light){.hero a.btn{color:#2b1a14}}
.foto{aspect-ratio:1/1;background:#fff;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.foto img{width:100%;height:100%;object-fit:contain}
.foto{background:#fff}.foto img{object-fit:cover}.card h3{min-height:2.6em}