/* HistoryBlocks — clássico sépia/bordô, estilo museu-eduativo */
:root{
  --hb-parch:#FBF6EA; --hb-sepia:#F3EAD8; --hb-sepia-deep:#E9DCC2;
  --hb-maroon:#6E1E2B; --hb-maroon-soft:#8A2F3E;
  --hb-ink:#2A1E14; --hb-muted:#6B5A44; --hb-gold:#B98A2F;
  --hb-head:'Gloock',serif; --hb-body:'Rosario',sans-serif; --hb-serif:'Judson',serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--hb-parch);color:var(--hb-ink);font-family:var(--hb-body);line-height:1.7;overflow-x:hidden}
h1,h2,h3{font-family:var(--hb-head);line-height:1.2;color:var(--hb-maroon);font-weight:400}
h2{font-size:2rem;margin-bottom:.6rem}
a{color:var(--hb-maroon);text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1140px;margin:0 auto;padding:0 1.25rem}

/* Header */
.hb-header{position:fixed;inset:0 0 auto 0;width:100%;z-index:1000;background:rgba(251,246,234,.96);backdrop-filter:blur(8px);border-bottom:3px double var(--hb-sepia-deep)}
.hb-nav{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;gap:1rem}
.hb-logo{font-family:var(--hb-head);font-size:1.3rem;color:var(--hb-maroon);letter-spacing:.02em}
.hb-logo span{color:var(--hb-gold)}
.hb-menu{display:flex;gap:1.5rem;list-style:none}
.hb-menu a{font-family:var(--hb-serif);font-size:.95rem;font-weight:700;color:var(--hb-ink);border-bottom:2px solid transparent}
.hb-menu a:hover{border-bottom-color:var(--hb-gold)}
.hb-toggle{display:none;background:none;border:1px solid var(--hb-sepia-deep);border-radius:8px;cursor:pointer;flex-direction:column;gap:4px;padding:9px}
.hb-toggle span{display:block;width:20px;height:2px;background:var(--hb-maroon)}
.hb-btn{display:inline-block;font-family:var(--hb-serif);font-weight:700;padding:.7rem 1.5rem;border-radius:4px;font-size:.95rem}
.hb-btn-solid{background:var(--hb-maroon);color:var(--hb-parch)}
.hb-btn-solid:hover{background:var(--hb-maroon-soft)}
.hb-btn-outline{border:2px solid var(--hb-maroon);color:var(--hb-maroon)}
.hb-btn-outline:hover{background:var(--hb-sepia)}

/* Hero */
.hb-hero{padding:7.5rem 0 4.5rem;background:linear-gradient(180deg,var(--hb-sepia) 0%,var(--hb-parch) 100%);border-bottom:1px solid var(--hb-sepia-deep)}
.hb-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hb-eyebrow{font-family:var(--hb-serif);font-style:italic;color:var(--hb-gold);font-size:1rem;margin-bottom:.9rem}
.hb-hero h1{font-size:2.7rem;margin-bottom:1rem}
.hb-em{font-style:italic;color:var(--hb-gold)}
.hb-hero-sub{max-width:35rem;color:var(--hb-muted);margin-bottom:1.7rem;font-family:var(--hb-serif)}
.hb-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.hb-hero-visual img{border:6px solid #fff;box-shadow:0 18px 40px rgba(42,30,20,.18)}
.hb-hero-visual figcaption{font-family:var(--hb-serif);font-style:italic;font-size:.8rem;color:var(--hb-muted);margin-top:.6rem;text-align:center}

/* Linha do tempo */
.hb-timeline{padding:4.5rem 0}
.hb-section-sub{color:var(--hb-muted);max-width:46rem;margin-bottom:2.4rem;font-family:var(--hb-serif)}
.hb-tl-nav{display:flex;justify-content:space-between;position:relative;z-index:2;margin-bottom:-9px}
.hb-tl-dot{font-family:var(--hb-head);font-size:.95rem;background:var(--hb-sepia);border:3px solid var(--hb-maroon);color:var(--hb-maroon);border-radius:50%;width:64px;height:64px;cursor:pointer;transition:all .2s}
.hb-tl-dot:hover{background:var(--hb-gold);color:#fff}
.hb-tl-dot.active{background:var(--hb-maroon);color:var(--hb-parch)}
.hb-tl-track{height:4px;background:var(--hb-sepia-deep);border-radius:2px;position:relative}
.hb-tl-track i{display:block;height:100%;width:16%;background:var(--hb-maroon);border-radius:2px;transition:width .45s ease,margin .45s ease;margin-left:0}
.hb-tl-panel{margin-top:2rem;background:#fff;border:1px solid var(--hb-sepia-deep);border-top:4px solid var(--hb-maroon);border-radius:6px;padding:2rem}
.hb-tl-era{font-family:var(--hb-serif);font-style:italic;color:var(--hb-gold);margin-bottom:.3rem}
.hb-tl-panel h3{font-size:1.45rem;margin-bottom:.7rem}
.hb-tl-panel p{color:var(--hb-ink);max-width:52rem}
.hb-tl-marks{list-style:none;margin-top:1.1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.hb-tl-marks li{font-family:var(--hb-serif);font-size:.92rem;padding-left:1.4rem;position:relative;color:var(--hb-muted)}
.hb-tl-marks li::before{content:'◆';position:absolute;left:0;color:var(--hb-gold);font-size:.7rem;top:.25rem}

/* Acervo */
.hb-collection{padding:4.5rem 0;background:var(--hb-sepia)}
.hb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.hb-card{background:var(--hb-parch);border:1px solid var(--hb-sepia-deep);border-radius:6px;padding:1.6rem;position:relative;transition:transform .25s}
.hb-card:hover{transform:translateY(-4px)}
.hb-num{font-family:var(--hb-head);color:var(--hb-gold);font-size:.95rem;display:block;margin-bottom:.5rem}
.hb-card h3{font-size:1.15rem;margin-bottom:.45rem}
.hb-card p{font-size:.92rem;color:var(--hb-muted)}
.hb-src{font-family:var(--hb-serif);font-style:italic;font-size:.8rem !important;margin-top:.7rem;border-top:1px dotted var(--hb-sepia-deep);padding-top:.55rem}

/* Glossário */
.hb-glossary{padding:4.5rem 0}
.hb-glossary-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:2.6rem;align-items:start}
.hb-glossary p{font-family:var(--hb-serif);color:var(--hb-muted);margin-bottom:1rem}
.hb-terms{display:grid;gap:.9rem}
.hb-term{background:var(--hb-sepia);border-left:4px solid var(--hb-gold);border-radius:4px;padding:1rem 1.2rem}
.hb-term dt{font-family:var(--hb-head);color:var(--hb-maroon);font-size:1.05rem;margin-bottom:.25rem}
.hb-term dd{font-size:.92rem;color:var(--hb-ink)}

/* Educadores */
.hb-educators{padding:4.5rem 0;background:var(--hb-sepia)}
.hb-edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.hb-edu{background:var(--hb-parch);border:1px solid var(--hb-sepia-deep);border-radius:6px;padding:1.5rem}
.hb-edu h3{font-size:1.1rem;margin-bottom:.45rem}
.hb-edu p{font-size:.92rem;color:var(--hb-muted)}

/* Sobre */
.hb-about{padding:4.5rem 0}
.hb-about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.6rem;align-items:start}
.hb-about p{font-family:var(--hb-serif);color:var(--hb-muted);margin-bottom:1rem}
.hb-team{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.6rem}
.hb-person img{width:76px;height:76px;border-radius:50%;object-fit:cover;margin-bottom:.6rem;border:3px solid var(--hb-gold);filter:sepia(.35)}
.hb-person figcaption{font-size:.82rem;color:var(--hb-muted)}
.hb-person strong{display:block;font-family:var(--hb-serif);color:var(--hb-ink)}
.hb-about-img{border:6px solid #fff;box-shadow:0 16px 36px rgba(42,30,20,.16)}

/* Autoridade */
.hb-authority{padding:3.2rem 0;border-top:1px solid var(--hb-sepia-deep)}
.hb-authority h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.hb-authority-links{display:grid;gap:.7rem}
.hb-authority-links a{font-family:var(--hb-serif);font-size:.92rem;color:var(--hb-maroon);border-bottom:1px dotted var(--hb-gold);width:fit-content}
.hb-authority-links a:hover{color:var(--hb-gold)}

/* Footer */
.hb-footer{background:var(--hb-maroon);color:#EFE0D0}
.hb-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:2.6rem 1.25rem}
.hb-logo-footer{color:var(--hb-parch);font-size:1.1rem}
.hb-logo-footer span{color:var(--hb-gold)}
.hb-footer nav{display:grid;gap:.5rem;align-content:start}
.hb-footer nav a{color:#DDC4AE;font-size:.9rem}
.hb-footer nav a:hover{color:#fff}
.hb-footer-auth{display:flex;flex-direction:column;gap:.5rem}
.hb-footer-auth a{font-size:.8rem;color:#DDC4AE}
.hb-footer-auth a:hover{color:#fff}
.hb-copy{text-align:center;font-size:.78rem;color:#C9A88F;padding:1.1rem;border-top:1px solid rgba(255,255,255,.15)}