/* Arquivo Sombrio: primeira rodada de simplificação editorial da home.
   Sem alterações em IDs, grids dinâmicos, filtros, publicações ou navegação. */
.home-page .home-directory{
 display:flex;align-items:center;flex-wrap:wrap;gap:0 1.15rem;
 margin-block:.7rem 0;padding:.65rem 0 .9rem;
 background:transparent;border-top:1px solid rgba(181,157,122,.17);
 border-bottom:1px solid rgba(181,157,122,.17);
}
.home-page .home-directory-label{
 margin-right:.4rem;color:#b19a78;
 font:600 .72rem/1.5 var(--font-mono,monospace);letter-spacing:.11em;
}
.home-page .home-directory>a{
 display:inline-flex;min-height:39px;width:auto;min-width:0;
 padding:.35rem 0;gap:0;background:transparent;
 border:0;color:#c9bdac;
 font:600 1rem/1.35 var(--font-serif,Georgia,serif);
 text-transform:uppercase;letter-spacing:.045em;
 text-decoration:none;white-space:normal;
}
.home-page .home-directory>a:hover,.home-page .home-directory>a:focus-visible{
 color:#f3e2c5;text-decoration:underline;text-underline-offset:5px;
}
.home-page .cases-section .section-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;border-bottom:0;padding-bottom:0;margin-bottom:1.3rem}
.home-page .cases-section .section-header h2{font-size:clamp(1.85rem,3.6vw,2.8rem)}
.home-page .cases-section .section-description{max-width:230px;margin:0;text-align:right;line-height:1.5}
.home-page .forensic-section{background:linear-gradient(125deg,rgba(90,42,35,.085),transparent 55%),#0c0b09}
.home-page .forensic-section .section-header{
 display:block;max-width:650px;border-bottom:0;padding-bottom:0;
 margin-bottom:1.6rem;
}
.home-page .forensic-section .section-header h2{font-size:clamp(2.1rem,5vw,3.4rem);margin-bottom:.8rem}
.home-page .forensic-section .section-description{max-width:530px;margin:0;line-height:1.65}
.home-page .books-section{padding-block:clamp(2rem,4vw,3.2rem)}
.home-page .books-section .section-header{
 display:flex;align-items:center;justify-content:space-between;gap:1rem;
 border-bottom:1px solid rgba(181,157,122,.16);margin-bottom:1.1rem;
 padding-bottom:.85rem;
}
.home-page .books-section .section-header h2{font-size:clamp(1.45rem,3vw,2.15rem);margin:.25rem 0}
.home-page .books-section .section-description{max-width:340px;margin:0;font-size:.76rem;line-height:1.55}
.home-page .forum-section .section-header{
 display:block;max-width:740px;border:0;padding:0;margin-bottom:1.4rem;
}
.home-page .forum-section .section-header h2{font-size:clamp(1.8rem,3.5vw,2.65rem)}
.home-page .forum-section .section-description{max-width:560px;margin:.6rem 0 0;line-height:1.55}
.home-page .suggestion-section .section-eyebrow{margin-bottom:.35rem}
.home-page .content-section{scroll-margin-top:85px}
@media(max-width:760px){
 .home-page .home-directory{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   column-gap:1rem;row-gap:0;padding:.7rem 0 .85rem;
 }
 .home-page .home-directory-label{
   grid-column:1/-1;margin:0 0 .4rem;font-size:.75rem;
 }
 .home-page .home-directory>a{
   display:flex;align-items:center;min-height:49px;
   padding:.6rem 0;font-size:clamp(.88rem,3.8vw,1rem);
   line-height:1.3;letter-spacing:.03em;
   border-bottom:1px solid rgba(181,157,122,.12);
 }
 .home-page .section-eyebrow{font-size:.73rem;letter-spacing:.10em}
 .home-page .home-compact-heading span{font-size:.70rem}
 .home-page .home-daily-card small{font-size:.64rem}
 .home-page .home-daily-card strong{font-size:.88rem}
 .home-page .cases-section .section-header,
 .home-page .books-section .section-header{display:block}
 .home-page .cases-section .section-description{max-width:none;margin:.45rem 0 0;text-align:left}
 .home-page .books-section .section-description{display:block;margin:.4rem 0 0;font-size:.72rem}
 .home-page .forensic-section .section-header h2{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){.home-page .home-directory>a{transition:none}}

/* Mobile-first legibility for editorial metadata on the homepage. */
@media (min-width:761px){.home-page .section-eyebrow{font-size:.70rem}}

/* Vitrine principal: um único destaque dinâmico, seguido por duas leituras
   relacionadas. Mantém os IDs consumidos pelo carregamento do Supabase. */
.home-page .hero-section{
 min-height:auto;
 padding:clamp(2.6rem,5vw,4.1rem) 0;
}
.home-page .hero-layout{
 display:block;max-width:1040px;margin-inline:auto;
}
.home-page .hero-content h1{max-width:870px;font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;}
.home-page .hero-description{max-width:650px;line-height:1.6;margin-bottom:0}
.home-page .hero-warning{max-width:660px;margin-top:1.25rem;padding-top:.8rem}
.home-page .home-featured{
 background:linear-gradient(180deg,#11100e,#0a0908);
 padding:clamp(1.4rem,3vw,2.5rem) 0 clamp(1.9rem,3.5vw,3.1rem);
 border-bottom:1px solid rgba(181,157,122,.2);
}
.home-page .home-featured-heading{
 display:flex;align-items:end;justify-content:space-between;
 gap:1rem;margin:0 0 1rem;
}
.home-page .home-featured-heading span{
 color:#b99e73;font:600 .76rem/1.4 var(--font-mono,monospace);letter-spacing:.1em;
}
.home-page .home-featured-heading h2{
 margin:.3rem 0 0;color:#f1e7d7;
 font:600 clamp(1.85rem,4.2vw,3rem)/1.15 var(--font-display,Georgia,serif);
}
.home-page .home-featured-heading a{
 color:#ddc7a4;text-decoration:none;border-bottom:1px solid rgba(196,170,112,.4);
 font:600 .75rem/1.5 var(--font-mono,monospace);padding-bottom:.25rem;
}
.home-page .home-featured .home-featured-content,
.home-page .home-featured .hero-dossier{
 display:block!important;min-height:0!important;margin:0!important;position:relative;
}
.home-page .home-featured .home-featured-content::before,
.home-page .home-featured .home-featured-content::after{display:none!important}
.home-page .home-featured .hero-editorial-frame{
 display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(230px,.65fr);
 gap:1.25rem;align-items:stretch;
 width:100%;max-width:none;margin:0;padding:0;
 background:transparent;border:0;box-shadow:none;
}
.home-page .home-featured .hero-editorial-frame::before,
.home-page .home-featured .hero-editorial-frame::after{display:none!important}
.home-page .home-featured .hero-editorial-feature{
 min-height:clamp(300px,37vw,430px);border:1px solid rgba(196,170,112,.32);
}
.home-page .home-featured .hero-editorial-image img{
 filter:grayscale(.25) sepia(.1) contrast(1.06) brightness(.76);
}
.home-page .home-featured .hero-editorial-feature-copy{
 left:clamp(1.2rem,3vw,2.5rem);
 right:clamp(1rem,2.5vw,2rem);bottom:clamp(1.3rem,3vw,2.1rem);gap:.7rem;
}
.home-page .home-featured .hero-editorial-kicker{
 font-size:.72rem;line-height:1.3;letter-spacing:.09em;padding:.4rem .6rem;
}
.home-page .home-featured .hero-editorial-feature-copy strong{
 max-width:750px;font-size:clamp(1.8rem,3.5vw,3.4rem);line-height:1.12;
 text-shadow:0 2px 7px #000;
}
.home-page .home-featured .hero-editorial-feature-copy small{
 font-size:.77rem;line-height:1.5;color:#e3d6c0;
}
.home-page .home-featured .home-feature-cta{
 display:inline-flex;align-items:center;gap:.6rem;
 color:#f0d9af;font:600 .75rem/1.5 var(--font-mono,monospace);
 letter-spacing:.05em;margin-top:.25rem;
}
.home-page .home-featured .hero-editorial-rail{
 display:flex;flex-direction:column;gap:0;margin:0;
 background:transparent;border-top:1px solid rgba(196,170,112,.26);
}
.home-page .home-featured .hero-editorial-strip{
 display:flex;align-items:center;min-height:0;flex:1;gap:.8rem;
 padding:clamp(1rem,2vw,1.5rem) .35rem;
 border-bottom:1px solid rgba(196,170,112,.26);background:transparent;
}
.home-page .home-featured .hero-editorial-strip-copy small{
 color:#bc9f73;font-size:.71rem;line-height:1.3;letter-spacing:.08em;
}
.home-page .home-featured .hero-editorial-strip-copy strong{
 font-size:clamp(1.08rem,1.65vw,1.5rem);line-height:1.25;-webkit-line-clamp:3;
}
.home-page .home-featured .hero-editorial-strip>i{font-size:.83rem;margin-left:auto}
@media(max-width:760px){
 .home-page .hero-section{
  min-height:0!important;padding:1.7rem 0 1.5rem!important;
 }
 .home-page .hero-layout{display:block!important;padding:0!important}
 .home-page .hero-content h1{font-size:clamp(2.05rem,8vw,2.8rem);margin:.7rem 0 1.1rem}
 .home-page .hero-description{font-size:.93rem;line-height:1.55;-webkit-line-clamp:unset;display:block}
 .home-page .hero-warning{display:none}
 .home-page .home-featured{padding:1.3rem 0 1.7rem}
 .home-page .home-featured-heading{align-items:start}
 .home-page .home-featured-heading h2{font-size:1.95rem}
 .home-page .home-featured-heading a{font-size:.69rem;text-align:right;max-width:120px}
 .home-page .home-featured .hero-editorial-frame{
  display:flex!important;flex-direction:column;gap:.7rem;
 }
 .home-page .home-featured .hero-editorial-feature{min-height:350px}
 .home-page .home-featured .hero-editorial-feature-copy{left:1.1rem;right:1rem;bottom:1.3rem;gap:.5rem}
 .home-page .home-featured .hero-editorial-feature-copy strong{
  font-size:clamp(1.65rem,6.4vw,2.25rem);line-height:1.12
 }
 .home-page .home-featured .hero-editorial-kicker{font-size:.72rem}
 .home-page .home-featured .hero-editorial-feature-copy small{font-size:.73rem}
 .home-page .home-featured .hero-editorial-rail{display:grid;grid-template-columns:1fr 1fr}
 .home-page .home-featured .hero-editorial-strip{min-height:90px;padding:.65rem .35rem}
 .home-page .home-featured .hero-editorial-strip-copy strong{font-size:1rem}
}
@media(max-width:390px){
 .home-page .home-featured .hero-editorial-rail{grid-template-columns:1fr}
 .home-page .home-featured .hero-editorial-strip{min-height:0;padding:.85rem .25rem}
}
@media(prefers-reduced-motion:reduce){
 .home-page .home-featured .hero-editorial-image img{transition:none}
}

/* ==============================================================
   HIERARQUIA TIPOGRÁFICA EDITORIAL · PÁGINA INICIAL
   Três papéis: Cinzel em títulos, Libre Baskerville em leitura,
   DM Mono somente em classificação, navegação e metadados.
   Escalas fluidas sem comprometer títulos longos e o iPhone.
   ============================================================== */
.home-page {
  --as-type-hero: clamp(2.35rem, 5.3vw, 4.25rem);
  --as-type-lead: clamp(1.85rem, 3.6vw, 3.05rem);
  --as-type-section: clamp(1.75rem, 3vw, 2.55rem);
  --as-type-article: clamp(1.05rem, 1.45vw, 1.3rem);
  --as-type-body: clamp(.95rem, 1.05vw, 1.06rem);
  --as-type-kicker: .77rem;
  --as-type-meta: .78rem;
}
/* Nível 1 — apresentação editorial. */
.home-page .hero-content h1 {
  font-family: var(--font-display, Georgia, serif);
  font-size: var(--as-type-hero);
  line-height: 1.13;
  font-weight: 600;
  letter-spacing: -.018em;
  text-wrap: balance;
  overflow-wrap: break-word;
  max-width: 17ch;
}
/* Nível 2 — dossiê em destaque, sem impor maiúsculas aos nomes. */
.home-page .home-featured .hero-editorial-feature-copy strong {
  max-width: 25ch;
  font-family: var(--font-display, Georgia, serif);
  font-size: var(--as-type-lead);
  font-weight: 600;
  line-height: 1.19;
  letter-spacing: -.012em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
/* Nível 3 — títulos que orientam entre as editorias. */
.home-page .home-featured-heading h2,
.home-page .cases-section .section-header h2,
.home-page .books-section .section-header h2,
.home-page .forum-section .section-header h2,
.home-page .forensic-section .section-header h2,
.home-page .home-compact-heading h2 {
  font-family: var(--font-display, Georgia, serif);
  font-size: var(--as-type-section);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -.012em;
  text-wrap: balance;
}
.home-page .hero-description,
.home-page .section-description {
  font-family: var(--font-body, Georgia, serif);
  font-size: var(--as-type-body);
  line-height: 1.7;
  color: #cfc3b2;
}
/* Artigos e chamadas recebem o peso que faltava, sem parecer botões. */
.home-page #grid-casos .card-content h3,
.home-page .home-daily-card strong,
.home-page .home-featured .hero-editorial-strip-copy strong {
  font-family: var(--font-display, Georgia, serif);
  font-size: var(--as-type-article);
  line-height: 1.33;
  font-weight: 600;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
.home-page #grid-casos .card-summary,
.home-page .home-daily-card p {
  font-family: var(--font-body, Georgia, serif);
  font-size: .88rem;
  line-height: 1.65;
}
/* Nível informativo: maiúsculas apenas em elementos curtos. */
.home-page .hero-eyebrow,
.home-page .section-eyebrow,
.home-page .home-featured-heading span,
.home-page .home-featured .hero-editorial-kicker,
.home-page .home-featured .hero-editorial-strip-copy small,
.home-page .home-compact-heading span,
.home-page .home-directory-label {
  font-family: var(--font-mono, monospace);
  font-size: var(--as-type-kicker);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.home-page .home-featured .hero-editorial-feature-copy small,
.home-page .home-daily-card small {
  font-family: var(--font-mono, monospace);
  font-size: var(--as-type-meta);
  line-height: 1.55;
  letter-spacing: .025em;
}
/* O diretório é navegação, não uma nova coleção de títulos. */
.home-page .home-directory>a {
  font-family: var(--font-display, Georgia, serif);
  font-size: clamp(.9rem, 1.1vw, 1.05rem);
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: .015em;
  text-transform: uppercase;
}
.home-page .home-featured-heading a,
.home-page .home-section-link,
.home-page .home-compact-heading>a {
  font-size: .83rem;
  line-height: 1.5;
  letter-spacing: .025em;
}
@media (max-width:760px) {
  .home-page {
    --as-type-hero: clamp(2.05rem, 8.4vw, 2.85rem);
    --as-type-lead: clamp(1.58rem, 6.4vw, 2.2rem);
    --as-type-section: clamp(1.65rem, 6.6vw, 2.1rem);
    --as-type-article: 1.05rem;
    --as-type-body: 1rem;
    --as-type-kicker: .74rem;
    --as-type-meta: .76rem;
  }
  .home-page .hero-content h1 { max-width: 19ch; }
  .home-page .home-featured .hero-editorial-feature-copy strong {max-width: 24ch;}
  .home-page .home-featured-heading {gap: .7rem;}
  .home-page .home-featured-heading a {font-size:.78rem;max-width:145px;}
  .home-page .home-directory>a {font-size:clamp(.88rem,3.7vw,1rem);}
  .home-page .section-description {font-size:.98rem;line-height:1.62;}
  .home-page #grid-casos .card-content h3 {font-size:1.09rem;line-height:1.35;}
  .home-page .home-daily-card strong {font-size:1.04rem;}
  .home-page .home-daily-card p,
  .home-page #grid-casos .card-summary {font-size:.88rem;line-height:1.55;}
}
@media (max-width:380px) {
  .home-page {--as-type-hero:2.03rem;--as-type-lead:1.52rem;}
  .home-page .home-featured-heading h2 {font-size:1.67rem;}
  .home-page .home-directory>a {font-size:.85rem;}
}

/* Títulos dos casos na home: mesma tipografia da chamada principal da hero. */
.home-page .home-featured .hero-editorial-feature-copy strong,
.home-page .home-featured .hero-editorial-strip-copy strong,
.home-page #grid-casos .card-content h3,
.home-page #grid-forense .card-content h3,
.home-page .home-daily-card strong {
  font-family: 'Oswald', 'Arial Narrow', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -.018em !important;
  text-transform: uppercase !important;
}


/* Category rhythm: reduce the vertical gap between homepage sections. */
.home-page .home-featured {
  padding-block: clamp(1.5rem, 3vw, 2.4rem);
}
.home-page .cases-section,
.home-page .home-novels,
.home-page .home-daily-section,
.home-page .home-literary-archives,
.home-page .forensic-section,
.home-page .books-section,
.home-page .forum-section,
.home-page .suggestion-section {
  padding-block: clamp(2.5rem, 5vw, 3.6rem);
}
@media (max-width: 760px) {
  .home-page .home-featured {
    padding-block: 1.25rem 1.45rem;
  }
  .home-page .cases-section,
  .home-page .home-novels,
  .home-page .home-daily-section,
  .home-page .home-literary-archives,
  .home-page .forensic-section,
  .home-page .books-section,
  .home-page .forum-section,
  .home-page .suggestion-section {
    padding-block: clamp(2.2rem, 6vw, 2.75rem);
  }
}

/* MIANI Editora: acesso público após a publicação do primeiro livro. */
.home-page .nav-menu .miani-public-nav-link{color:#e9bcc5!important;border-bottom:1px solid #9a5665;font-weight:700}
.home-page .miani-home-feature{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:center;padding:22px 26px;margin:15px 0 32px;border:1px solid #80505d;border-left:4px solid #ae3b51;background:linear-gradient(110deg,#23181d,#110f10);color:#f1e7df}
.home-page .miani-home-feature-art{width:166px;height:145px;background:url('../edicoes/assets/miani-identidade.webp') no-repeat;background-size:400px 267px;background-position:-227px -15px}
.home-page .miani-home-feature-copy p{color:#d998a7;font-size:11px;font-weight:700;letter-spacing:.15em;margin:0 0 6px}
.home-page .miani-home-feature-copy h3{font:500 clamp(1.65rem,3vw,2.5rem)/1.15 Georgia,serif;letter-spacing:-.02em;margin:0 0 6px}
.home-page .miani-home-feature-copy span{display:block;color:#ddc5c6;font-size:13px;margin-bottom:16px}
.home-page .miani-home-feature-actions{display:flex;flex-wrap:wrap;gap:10px 20px}
.home-page .miani-home-feature-actions a{color:#f4e6e6;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.home-page .miani-home-feature-actions a:first-child{display:inline-flex;align-items:center;min-height:40px;padding:7px 16px;border:1px solid #c97d8d;background:#8c2e44;text-decoration:none}
.home-page .miani-home-feature-actions a:hover{color:#fff}
@media(max-width:650px){.home-page .miani-home-feature{grid-template-columns:1fr;padding:18px 17px;gap:8px}.home-page .miani-home-feature-art{height:100px;width:175px;background-size:335px 224px;background-position:-190px -12px}.home-page .miani-home-feature-actions a:first-child{width:100%;justify-content:center}}