/*
Theme Name: Museu Aetheros for Astra
Template: astra
Version: 1.0.0
Description: Apresentação do Museu Aetheros com o conteúdo original do WordPress.
Text Domain: codex-astra
*/

.archive-page, .codex-document {
  --codex-paper: #071014;
  --codex-ink: #e8f4f2;
  --codex-secondary: #a8bbba;
  --codex-rule: rgba(128, 198, 204, .2);
  --codex-accent: #8fd0d9;
}

/* These document rules are shared by the preview and the Astra child theme. */
.codex-document {
  color: var(--codex-ink);
  font: 16px/1.8 'Segoe UI', Arial, sans-serif;
  overflow-wrap: anywhere;
  min-width: 0;
}
.codex-document *, .codex-document *::before, .codex-document *::after { box-sizing: border-box; }
.codex-document :where(.entry-content, .wp-block-cover, .wp-block-cover__inner-container, .wp-block-group, .alignfull, .alignwide) {
  width: 100%; max-width: 100%; min-height: 0 !important; margin-inline: 0; padding: 0;
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
.codex-document .wp-block-cover { display: block; color: inherit; }
.codex-document .wp-block-cover::after { content: none; }
.codex-document :where(h1, h2, h3, h4) { color: var(--codex-ink); line-height: 1.2; letter-spacing: 0; scroll-margin-top: 150px; }
.codex-document :where(h1, h2) { font: 600 32px/1.2 Georgia, serif; margin: 40px 0 20px; }
.codex-document :where(h3, h4) { font-size: 21px; margin: 32px 0 14px; }
.codex-document :where(h1, h2, h3, h4) em { font-style: normal; }
.codex-document :where(h1, h2, h3, h4):first-child { margin-top: 0; }
.codex-document p { margin: 0 0 22px; white-space: normal; }
.codex-document .has-text-align-center { text-align: left; }
.codex-document a { color: var(--codex-accent); text-underline-offset: 4px; }
.codex-document figure { margin: 28px 0; max-width: 100%; }
.codex-document img { display: block; max-width: 100% !important; height: auto !important; margin-inline: auto; object-fit: contain; }
.codex-document :where(ul, ol) { padding-left: 24px; margin: 18px 0 28px; }
.codex-document li { margin-bottom: 8px; }
.codex-document .wp-block-media-text {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center; gap: 28px; margin: 40px 0; padding-bottom: 32px; border-bottom: 1px solid var(--codex-rule);
}
.codex-document .wp-block-media-text > * { min-width: 0; margin: 0; padding: 0; grid-row: auto; grid-column: auto; }
.codex-document .wp-block-media-text__content > :last-child { margin-bottom: 0; }
.codex-document .wp-block-media-text img { border-radius: 4px; width: 100%; }
.codex-document .wp-block-buttons { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin: 22px 0; }
.codex-document .wp-block-button { max-width: 100%; }
.codex-document .wp-block-button__link {
  display: inline-flex; min-height: 44px; align-items: center; justify-content: center;
  padding: 11px 18px; border: 1px solid var(--codex-rule); border-radius: 4px;
  background: #101117; color: var(--codex-accent); text-decoration: none; font: 600 14px/1.5 'Segoe UI', sans-serif;
  white-space: normal; text-align: center;
}
.codex-document .wp-block-button__link:hover { background: #142529; border-color: var(--codex-accent); }
.codex-document .wp-block-button__link em { font-style: normal; }
.codex-document .wp-block-social-links { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; }
.codex-document .wp-block-social-links a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--codex-rule); border-radius: 4px; }
.codex-document .wp-block-social-links svg { width: 22px; height: 22px; fill: currentColor; }
.codex-document .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.codex-document :where(table, iframe) { max-width: 100%; }
.codex-document .wp-block-table { overflow-x: auto; }
.codex-document table { width: 100%; border-collapse: collapse; }
.codex-document :where(td, th) { padding: 12px; border: 1px solid var(--codex-rule); text-align: left; }
.codex-document .wp-block-spacer { height: 28px !important; }
.codex-document .ae-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 48px; }
.codex-document .ae-card { padding: 0; border: 1px solid var(--codex-rule); border-radius: 6px; background: #101117; overflow: hidden; }
.codex-document .ae-cover img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.codex-document .ae-body { padding: 24px; }
.codex-document .ae-title { margin: 10px 0 16px; }
.codex-document .ae-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; color: var(--codex-secondary); }
.codex-document .ae-desc { margin-top: 16px; margin-bottom: 0; }
.codex-document .ae-kicker { font-size: 12px; color: var(--codex-accent); }
.codex-document .archive-empty { grid-column: 1 / -1; border-left: 3px solid var(--codex-rule); padding: 16px 20px; color: var(--codex-secondary); }

@media (max-width: 700px) {
  .codex-document .wp-block-media-text, .codex-document .ae-grid { grid-template-columns: minmax(0, 1fr); }
  .codex-document :where(h1, h2) { font-size: 28px; }
  .codex-document { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .codex-document { scroll-behavior: auto; }
}