/* Páginas internas seguem a mesma linguagem cinematográfica da antiga home DAATH. */
.page-hero,
.article-page,
.horoscope-page { position: relative; }

.page-hero,.article-page,.horoscope-page,.cards-grid,.article-card,.article-card>* { min-width:0; }

.page-hero:before,
.article-page:before,
.horoscope-page:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: min(760px, 78vh);
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 12%, rgba(138, 88, 211, .22), transparent 38%),
    linear-gradient(rgba(4, 16, 25, .32), rgba(7, 6, 21, .94)),
    url('/assets/jornada-celeste-daath-v3.webp') center top / cover;
  mask-image: linear-gradient(to bottom, #000 64%, transparent);
}

.page-hero > *,
.article-page > *,
.horoscope-page > * { position: relative; z-index: 1; }

.page-hero.compact {
  max-width: none;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 90px max(20px, calc((100% - var(--max)) / 2));
}

.page-hero.compact h1 { max-width: 930px; font-size: clamp(3.6rem, 7vw, 7rem); }

.article-page { width: 100%; padding: 0 0 110px; }
.article-page .breadcrumbs { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding-top: 44px; }
.article-header { width: min(1160px, calc(100% - 40px)); max-width: none; margin: 0 auto 60px; padding: 70px 0 12px; text-align: left; }
.article-header h1 { max-width: 1040px; margin: 18px 0 24px; font-size: clamp(3.6rem, 7.2vw, 7.4rem); line-height: .94; }
.article-header .lead { max-width: 790px; margin: 0; font-family: Inter, sans-serif; font-size: clamp(1.08rem, 1.8vw, 1.35rem); line-height: 1.7; }
.article-cinematic { position: relative; z-index: 1; width: min(1160px, calc(100% - 40px)); min-height: 620px; margin: 0 auto; overflow: hidden; border-radius: 34px; isolation: isolate; box-shadow: 0 36px 90px rgba(0,0,0,.45); }
.article-cinematic video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.article-cinematic:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.82),transparent 58%); }
.article-cinematic > div { position:absolute; z-index:2; left:clamp(24px,5vw,64px); right:clamp(24px,5vw,64px); bottom:clamp(26px,5vw,58px); }
.article-cinematic p { margin:10px 0 0; color:rgba(255,255,255,.72); font-size:1.05rem; }
.article-layout {
  width: min(1080px, calc(100% - 40px));
  max-width: none;
  grid-template-columns: 150px minmax(0, 760px);
  margin: 72px auto 0;
  padding: clamp(32px, 6vw, 76px);
  color: #20202a;
  background: linear-gradient(145deg, #f6f1e8, #e6edef);
  border-radius: 34px;
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
}
.article-layout .share-rail { top: 110px; }
.article-layout .share-rail button { color: #363642; border-color: rgba(23,25,39,.18); background: rgba(255,255,255,.38); }
.article-content { color: #20202a; font-size: 1.18rem; }
.article-content p { color: #393944; }
.article-section h2 { color: #171927; font-size: clamp(2rem, 3.5vw, 3rem); }
.reflection-box { color: #171927; background: rgba(255,255,255,.44); border-color: rgba(154,96,40,.32); }
.reflection-box .eyebrow { color: #9a6028; }
.inline-invite { margin-inline: -24px; padding: 38px 24px 0; border-color: rgba(23,25,39,.14); }
.inline-invite .eyebrow { color: #7040b2; }
.inline-invite p { color: #4d4d58; }

.cards-grid { width: min(1160px, calc(100% - 40px)); padding: 30px 0 110px; }
.cards-grid .article-card { min-width:0; border-color:rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(20,19,46,.9),rgba(4,15,24,.9)); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.editorial-card-art { position:relative; min-height:clamp(250px,30vw,390px); display:block; isolation:isolate; overflow:hidden; background:radial-gradient(circle at 68% 34%,rgba(77,225,215,.22),transparent 8%),radial-gradient(circle at 68% 34%,rgba(133,74,221,.35),transparent 28%),linear-gradient(135deg,rgba(5,20,30,.4),rgba(29,11,68,.72)),url('/assets/jornada-celeste-daath-v3.webp') center / cover; }
.editorial-card-art:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(125deg,rgba(2,9,15,.08),rgba(1,4,9,.66)); }
.editorial-card-art:after { content:""; position:absolute; inset:18px; border:1px solid rgba(240,206,107,.18); border-radius:22px; pointer-events:none; }
.editorial-orbit { position:absolute; width:min(48%,190px); aspect-ratio:1; right:9%; top:50%; translate:0 -50%; border:1px solid rgba(94,234,212,.35); border-radius:50%; box-shadow:0 0 64px rgba(123,73,216,.22),inset 0 0 35px rgba(94,234,212,.08); }
.editorial-orbit:before,.editorial-orbit:after { content:""; position:absolute; inset:16%; border:1px solid rgba(240,206,107,.28); border-radius:50%; transform:rotate(55deg) scaleY(.38); }
.editorial-orbit:after { inset:31%; border-color:rgba(181,132,255,.5); transform:rotate(-36deg) scaleY(.62); }
.editorial-orbit i { position:absolute; width:13%; aspect-ratio:1; top:12%; left:15%; border-radius:50%; background:#f0ce6b; box-shadow:0 0 20px #f0ce6b; }
.editorial-orbit b { position:absolute; width:28%; aspect-ratio:1; inset:36%; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff 0 8%,#58e5dc 10% 28%,#6d30bd 54%,#070615 75%); box-shadow:0 0 38px rgba(101,67,218,.8); }
.editorial-card-meta { position:absolute; z-index:2; left:clamp(28px,5vw,52px); top:50%; display:grid; translate:0 -50%; }
.editorial-card-meta small { color:#58e5dc; font-size:.65rem; font-weight:800; letter-spacing:.24em; text-transform:uppercase; }
.editorial-card-meta strong { margin:.06em 0 -.08em; color:#f9f4e8; font-family:Georgia,serif; font-size:clamp(4.5rem,8vw,7rem); font-weight:400; line-height:1; }
.editorial-card-meta em { color:#f0ce6b; font-size:.72rem; font-style:normal; font-weight:800; letter-spacing:.24em; text-transform:uppercase; }
.editorial-card-line { position:absolute; left:clamp(28px,5vw,52px); right:clamp(28px,5vw,52px); bottom:26px; height:1px; background:linear-gradient(90deg,#58e5dc,rgba(240,206,107,.3),transparent); }
.cards-grid .card-copy { min-width:0; }
.cards-grid .card-copy h2 { font-size:clamp(1.75rem,3.2vw,2.75rem); line-height:1.08; }
.cards-grid .card-copy p { font-size:clamp(.98rem,1.4vw,1.08rem); line-height:1.72; }

.horoscope-page { width: 100%; padding-bottom: 56px; }
.horoscope-hero { width: min(1040px, calc(100% - 40px)); max-width: none; margin: 0 auto; padding: 110px 0 42px; }
.horoscope-hero h1 { max-width: 900px; font-size: clamp(4rem, 8vw, 8rem); line-height: .92; }
.horoscope-hero > p { max-width: 720px; line-height: 1.7; }
.daily-energy { max-width: 720px; padding: 28px; background: rgba(4,16,25,.68); backdrop-filter: blur(14px); }
.zodiac-nav { width: min(1040px, calc(100% - 40px)); margin: 0 auto; top: 92px; border-color: rgba(240,206,107,.22); border-radius: 999px; background: rgba(4,16,25,.9); }
.zodiac-nav a { color: rgba(255,255,255,.7); }
.signs-section { width: min(1040px, calc(100% - 40px)); margin: 0 auto; padding-top: 48px; }
.sign-grid { gap: 22px; }
.sign-card { color: #171927; background: linear-gradient(145deg, #f6f1e8, #e4ecee); border: 0; box-shadow: 0 22px 60px rgba(0,0,0,.22); }
.sign-card p { color: #4d4c55; }
.sign-card strong { color: #91522a; }
.sign-focus { color: #6e3aa9; }
.sign-symbol { color: #51306f; background: rgba(117,72,170,.12); border-color: rgba(117,72,170,.28); }
.sign-invite { padding: 34px; background: linear-gradient(110deg,#061820,#342064 58%,#176d76); box-shadow: 0 22px 55px rgba(0,0,0,.2); }
.tarot-section { width: min(1040px, calc(100% - 40px)); margin: 0 auto; }
.tarot-card { color: #171927; background: linear-gradient(145deg,#f5efe6,#dce8e9); border: 0; box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.tarot-card p { color: #4d4c55; }
.tarot-card strong { color: #91522a; }
.horoscope-page .disclaimer { width: min(820px, calc(100% - 40px)); margin: 22px auto 0; }

@media (max-width: 840px) {
  .article-layout { grid-template-columns: 1fr; }
  .article-layout .share-rail { position: static; }
  .zodiac-nav { border-radius: 24px; }
}

@media (max-width: 720px) {
  .page-hero.compact { min-height:440px; }
  .page-hero.compact h1 { font-size:clamp(2.85rem,12vw,4.5rem); line-height:.96; }
  .article-header h1 { font-size:clamp(2.7rem,11.5vw,4.4rem); line-height:.98; }
  .cards-grid { gap:18px; }
  .editorial-card-art { min-height:290px; }
  .cards-grid .card-copy { padding:26px 24px 30px; }
}

@media (max-width: 520px) {
  .page-hero:before,.article-page:before,.horoscope-page:before { background-image: linear-gradient(rgba(4,16,25,.3),rgba(7,6,21,.96)),url('/assets/jornada-celeste-daath-mobile-v3.webp'); }
  .page-hero.compact { min-height: 470px; padding-block: 70px; }
  .page-hero.compact h1 { font-size: clamp(2.65rem,13vw,3.35rem); }
  .article-page .breadcrumbs,.article-header,.article-cinematic { width: calc(100% - 28px); }
  .article-header { padding-top: 48px; }
  .article-header h1 { font-size: clamp(2.55rem,12vw,3.15rem); }
  .article-cinematic { min-height:520px; border-radius:22px; }
  .article-layout { width: calc(100% - 20px); margin-top: 36px; padding: 30px 22px; border-radius: 26px; }
  .article-content { font-size: 1.06rem; }
  .article-content p { line-height: 1.78; }
  .cards-grid { width: calc(100% - 28px); }
  .editorial-card-art { min-height:250px; }
  .editorial-card-art:after { inset:12px; border-radius:18px; }
  .editorial-card-meta { left:26px; }
  .editorial-card-meta strong { font-size:4.3rem; }
  .editorial-orbit { right:7%; width:44%; }
  .horoscope-hero,.zodiac-nav,.signs-section,.tarot-section { width: calc(100% - 28px); }
  .horoscope-hero { padding: 80px 0 34px; }
  .horoscope-hero h1 { font-size: 3.6rem; }
  .zodiac-nav { top: 78px; }
  .signs-section { padding-top: 34px; }
  .sign-card { padding: 24px 20px; }
  .sign-invite { padding: 28px 22px; }
  .tarot-card { padding: 26px 22px; }
}