@import url('./store-celestial-v1.css?v=148');
@import url('./media-celestial-v149.css?v=149');

/* DIVINA BRUXA V192 — UNIVERSO EDITORIAL RESTAURADO PELA V197 */
.editorial-page {
  min-height: 100dvh;
  margin: 0;
  color: #f8f0ff;
  background:
    radial-gradient(circle at 50% -10%, rgba(153, 72, 218, .28), transparent 34rem),
    radial-gradient(circle at 8% 56%, rgba(104, 31, 153, .18), transparent 30rem),
    #08040f;
  font: 1rem/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.editorial-page *, .editorial-page *::before, .editorial-page *::after { box-sizing: border-box; }
.editorial-page a { color: inherit; }
.editorial-skip { position: fixed; z-index: 50; top: .75rem; left: .75rem; padding: .7rem 1rem; border-radius: 999px; background: #fff; color: #12061b; transform: translateY(-180%); }
.editorial-skip:focus { transform: none; }
.editorial-header { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.5rem; padding: max(.8rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .8rem max(1rem, env(safe-area-inset-left)); border-bottom: 1px solid rgba(231, 194, 118, .22); background: rgba(7, 3, 12, .88); backdrop-filter: blur(18px); }
.editorial-brand { text-decoration: none; letter-spacing: .12em; }
.editorial-brand strong, .editorial-brand small { display: block; }
.editorial-brand strong { color: #ffe3a1; font: 700 1rem Georgia, serif; }
.editorial-brand small { margin-top: .1rem; color: #c7b6ce; font-size: .68rem; }
.editorial-nav { display: flex; gap: .35rem; overflow-x: auto; }
.editorial-nav a { min-height: 44px; padding: .65rem .8rem; border: 1px solid rgba(231, 194, 118, .2); border-radius: 999px; text-decoration: none; white-space: nowrap; }
.editorial-nav a[aria-current="page"] { border-color: #e7c276; color: #ffe3a1; background: rgba(231, 194, 118, .1); }
.editorial-main { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) 0 max(6rem, env(safe-area-inset-bottom)); }
.editorial-intro { max-width: 54rem; margin-bottom: 1.5rem; }
.editorial-kicker { margin: 0 0 .5rem; color: #e7c276; font-size: .78rem; font-weight: 800; letter-spacing: .18em; }
.editorial-intro h1 { max-width: 15ch; margin: 0; font: 500 clamp(2.4rem, 8vw, 5.8rem)/.95 Georgia, serif; text-wrap: balance; }
.editorial-intro > p:last-child { max-width: 48rem; color: #cbbfd0; font-size: clamp(1rem, 2vw, 1.2rem); }
.editorial-status { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1.25rem 0 2rem; }
.editorial-status div { padding: 1rem; border: 1px solid rgba(231, 194, 118, .2); border-radius: 1rem; background: rgba(20, 9, 30, .72); }
.editorial-status dt { color: #af9fb6; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.editorial-status dd { margin: .2rem 0 0; color: #ffe3a1; font: 600 1.15rem Georgia, serif; }
.editorial-portal { min-width: 0; }
.editorial-back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 1.5rem; color: #ffe3a1; font-weight: 700; text-decoration: none; }
.editorial-page :focus-visible { outline: 3px solid #ffe3a1; outline-offset: 4px; }

@media (max-width: 720px) {
  .editorial-header { align-items: flex-start; flex-direction: column; }
  .editorial-nav { width: 100%; }
  .editorial-main { width: min(100% - 1.2rem, 1180px); padding-top: 2rem; }
  .editorial-status { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-page *, .editorial-page *::before, .editorial-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}