:root { --ink:#091416; --panel:#112328; --line:#2e615e; --mist:#c7dfd9; --emerald:#4eb69d; --gold:#d3b36a; --text:#edf4ee; --muted:#a7bbb6; }
* { box-sizing:border-box; }
html { background:var(--ink); color:var(--text); font-family:Georgia, "Times New Roman", serif; }
body { margin:0; background:radial-gradient(circle at 80% 0%,#184640 0,transparent 32rem),linear-gradient(#091416,#071012); min-height:100vh; }
a { color:#83ddc5; } a:hover { color:#f0cf83; }
.site-header { position:sticky; top:0; z-index:10; background:rgba(7,16,18,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
.nav { max-width:1180px; margin:auto; display:flex; align-items:center; gap:1rem; padding:.65rem 1rem; }
.brand { color:var(--gold); font-weight:bold; letter-spacing:.08em; text-decoration:none; white-space:nowrap; }
.nav-toggle { display:none; }
.links { display:flex; flex-wrap:wrap; gap:.25rem .9rem; margin-left:auto; } .links a { font:600 .82rem/1.5 Arial,sans-serif; letter-spacing:.06em; text-decoration:none; }
main { max-width:1180px; margin:auto; padding:3rem 1rem 4rem; }
.hero { min-height:500px; display:grid; align-content:end; padding:3rem; border:1px solid var(--line); background:linear-gradient(90deg,rgba(5,16,17,.92),rgba(5,16,17,.25)),url('../img/banner-oficial-higan-no-mori.png') center/cover; }
.eyebrow { color:var(--emerald); font:700 .75rem Arial,sans-serif; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3 { color:#f1e7cf; line-height:1.1; } h1 { max-width:740px; font-size:clamp(2.4rem,6vw,5.4rem); margin:.35rem 0; } h2 { font-size:2rem; margin-top:2.5rem; }
p,li { color:var(--mist); font-size:1.05rem; line-height:1.7; }
.lead { max-width:670px; font-size:1.25rem; } .notice { border-left:3px solid var(--gold); background:rgba(211,179,106,.1); padding:1rem 1.2rem; }
.buttons { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.5rem; }.button { display:inline-block; border:1px solid var(--emerald); background:#153d38; color:#fff; padding:.7rem 1rem; text-decoration:none; font:700 .85rem Arial,sans-serif; letter-spacing:.06em; }.button.alt { background:transparent; border-color:var(--gold); color:#f0d28d; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }.card { border:1px solid #28514e; background:rgba(17,35,40,.86); padding:1.25rem; }.card h3 { margin-top:0; }.card p { font-size:.96rem; }
.page-title { border-bottom:1px solid var(--line); padding-bottom:1rem; margin-bottom:1.5rem; }.page-title p { max-width:780px; }.pill { display:inline-block; margin:.15rem; padding:.25rem .45rem; border:1px solid #356e67; color:#9cdfd0; font:700 .72rem Arial,sans-serif; }
.media { display:grid; grid-template-columns:minmax(140px,280px) 1fr; gap:1.5rem; align-items:center; }.media img { width:100%; max-width:280px; border:1px solid var(--gold); }.table { width:100%; border-collapse:collapse; background:rgba(10,28,30,.65); }.table th,.table td { border:1px solid #315d58; padding:.75rem; text-align:left; }.table th { color:var(--gold); }
code,pre { background:#071011; color:#aee7d7; padding:.2rem .4rem; } pre { padding:1rem; overflow:auto; }.site-footer { border-top:1px solid var(--line); background:#061012; padding:2rem 1rem; }.footer-inner { max-width:1180px; margin:auto; display:flex; flex-wrap:wrap; gap:1.2rem; justify-content:space-between; }.social { display:flex; flex-wrap:wrap; gap:.75rem; }
@media (max-width:720px) { main { padding-top:1.5rem; }.hero { padding:1.5rem; min-height:440px; }.nav { flex-wrap:wrap; }.nav-toggle { display:block; margin-left:auto; }.links { display:none; width:100%; margin:0; }.links.open { display:flex; flex-direction:column; }.media { grid-template-columns:1fr; } }