/* Convite ao app depois da leitura, aviso de edição anterior e página 404 (PD-262).
   Carrega antes do shell e do editorial-design.css; por isso todo seletor leva o
   prefixo .holistico-editorial e usa só os tokens da paleta editorial. */
.holistico-editorial .zamira-app-invite{
  box-sizing:border-box;
  width:min(1080px,100%);
  margin:clamp(36px,6vw,64px) auto;
  padding:clamp(24px,4.5vw,48px);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(20px,3vw,32px);
  align-items:center;
  border:1px solid var(--line);
  border-top:2px solid var(--gold);
  border-radius:12px;
  background:#141923;
  color:var(--ink);
}
/* Com o convite ao app logo acima, o botão da sinastria passa a contorno para não
   competir com a ação principal (decisão do proprietário, 08/10). O seletor é mais
   específico que o do editorial-design.css, que carrega depois. */
.holistico-editorial .synastry-box .synastry-start{background:transparent;color:#e2d1b0;border:1px solid #c9b58b}
.holistico-editorial .synastry-box .synastry-start:hover{background:rgba(201,181,139,.14);color:#f0e4c8}

/* Ao navegar por Tab, o foco não fica embaixo do cabeçalho fixo (WCAG 2.4.11). */
html{scroll-padding-top:96px}

/* No signo, o convite e o painel da sinastria não podem parecer um bloco só. */
.holistico-editorial .sign-page>.zamira-app-invite{margin-bottom:64px}
/* Sem o convite antigo no fim, a grade "outros signos" não precisa do respiro dele. */
.holistico-editorial .sign-page-more:has(+ .disclaimer){padding-bottom:clamp(28px,4vw,48px)}

/* A edição ocupa a largura toda; cada seção dela recebe a margem editorial. */
.holistico-editorial .horoscope-page>:is(.zamira-app-invite,.edition-notice){width:min(var(--editorial-width,1160px),calc(100% - 2 * var(--editorial-gutter,22px)))}
@media (min-width:900px){
  .holistico-editorial .zamira-app-invite{grid-template-columns:minmax(0,1fr) auto}
}
.holistico-editorial .zamira-app-invite-copy{max-width:62ch}
.holistico-editorial .zamira-app-invite .eyebrow{display:block;margin:0}
.holistico-editorial .zamira-app-invite h2{
  margin:12px 0 14px;
  font-size:clamp(1.75rem,1.25rem + 2vw,2.6rem);
  line-height:1.15;
  font-weight:500;
  color:var(--ink);
}
.holistico-editorial .zamira-app-invite-copy p{margin:0;color:#d9d4ca;font-size:1rem;line-height:1.7}
.holistico-editorial .zamira-app-invite-copy .zamira-app-invite-note{margin-top:12px;color:#cfcbd3;font-size:.95rem;line-height:1.6}
.holistico-editorial .zamira-app-invite-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
@media (min-width:600px) and (max-width:899px){
  .holistico-editorial .zamira-app-invite-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 24px}
}
.holistico-editorial .zamira-app-invite-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 26px;
  border:1px solid #c9b58b;border-radius:6px;background:#c9b58b;color:#151821;
  font:650 .95rem/1.3 Holistico Sans,Arial,sans-serif;letter-spacing:.02em;text-align:center;
}
.holistico-editorial .zamira-app-invite-primary:hover{background:#e0cba4;border-color:#e0cba4;color:#10131a}
.holistico-editorial .zamira-app-invite-secondary{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-height:44px;padding:0;
  color:var(--gold);font-size:.9rem;font-weight:600;text-decoration:none;
}
.holistico-editorial .zamira-app-invite-secondary:is(:hover,:focus-visible){color:#e2d1b0;text-decoration:underline;text-underline-offset:4px}
.holistico-editorial :is(.zamira-app-invite a,.edition-notice a,.not-found-actions a):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:4px}

/* Edição anterior à de hoje: discreto, sem roubar a leitura. */
.holistico-editorial .edition-notice{
  box-sizing:border-box;
  width:min(1080px,100%);
  margin:0 auto 24px;
  padding:12px 16px;
  display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;
  border-left:2px solid var(--gold);
  background:#161a24;
  color:#d9d4ca;
  font-size:.95rem;line-height:1.5;
}
.holistico-editorial .horoscope-page>.edition-notice{margin-top:clamp(20px,4vw,40px)}
.holistico-editorial .edition-notice a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* Página 404. */
.holistico-editorial .not-found{padding-block:clamp(56px,10vw,120px)}
.holistico-editorial .not-found-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}
.holistico-editorial .not-found-actions .button.ghost{border:1px solid rgba(201,181,139,.55);background:transparent;color:#e2d1b0}
.holistico-editorial .not-found-actions .text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold)}
@media (max-width:599px){
  .holistico-editorial .not-found-actions{flex-direction:column;align-items:stretch}
  .holistico-editorial .not-found-actions .button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .holistico-editorial :is(.zamira-app-invite a,.edition-notice a,.not-found-actions a){transition:none}
}
