/* Gui Medeiro — blog: o que o design faz por estado ou por post e não cabe no estilo de cada elemento */

body{margin:0;background:#0D0D0C;color:#EDE8E2;font-family:Barlow,'Helvetica Neue',Arial,sans-serif}
.gm [hidden]{display:none!important}

/* header: o sticky do design vai no wrapper do Theme Builder */
.elementor-location-header{position:sticky;top:0;z-index:20}
.admin-bar .elementor-location-header{top:32px}
@media (max-width:782px){.admin-bar .elementor-location-header{top:46px}}
.gm-menu-btn{display:none;cursor:pointer}
.gm-progresso{display:none}
.single-post .gm-progresso{display:block}
@media (max-width:767px){
  .gm-menu-btn{display:inline-flex}
  .gm-nav{display:none!important;width:100%;flex-direction:column;align-items:stretch!important;padding-bottom:16px}
  .gm-header.gm-menu-aberto .gm-nav{display:flex!important}
  .gm-nav .pill{margin-left:0!important;justify-content:center}
}

/* aulas da linha do tempo do curso: a caixa do texto ocupa a altura da faixa */
.elementor-widget-text-editor:has(.gm-aula),.elementor-widget-text-editor:has(.gm-aula)>.elementor-widget-container{height:100%}
.gm-aula{height:100%;box-sizing:border-box}

/* filtros (botões no /blog, links na categoria) */
.gm-chips{display:flex;gap:10px;flex-wrap:wrap;padding:24px 0 44px}
.gm-chips--links{padding:8px 0 44px}
.gm-chip{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 20px;border-radius:999px;border:1px solid #EDE8E2;
  background:#EDE8E2;color:#0D0D0C;font-family:Barlow,sans-serif;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none}
.gm-chip span{font-family:'Roboto Mono',monospace;font-size:12px}
.gm-chip.chip-off{border-color:#4A4844;background:transparent;color:#EDE8E2;font-weight:500}
.gm-chip.chip-off span{color:#A39E97}

/* capa do card: foto P&B com grão (padrão), capa tipográfica (post_class gm-capa-*) ou livro (gm-livro) */
.gm-so-tipo{display:none!important}
.gm-capa-papel .gm-tipo-papel,.gm-capa-vermelho .gm-tipo-vermelho{display:flex!important}
:is(.gm-capa-papel,.gm-capa-vermelho) .gm-so-foto{display:none!important}
.gm-livro .gm-card-capa{aspect-ratio:4/5!important}
.gm-livro .gm-so-foto:not(.cimg){display:none!important}
.gm-livro .gm-card-capa img{filter:none!important}

/* leitura: claro (padrão do design) ou escuro (botão, guardado no navegador) */
.gm-leitura{--gm-bg:#F4F1EC;--gm-fg:#141413;--gm-body:#26241F;--gm-muted:#5C5852;--gm-line:#D6D0C7}
.gm-escuro .gm-leitura{--gm-bg:#0D0D0C;--gm-fg:#EDE8E2;--gm-body:#D6D1CA;--gm-muted:#A39E97;--gm-line:#2C2B29}
.gm-seg{min-height:44px;min-width:76px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#EDE8E2;
  font-family:Barlow,sans-serif;font-weight:600;font-size:15px;cursor:pointer}
.gm-seg[aria-pressed=true]{background:#EDE8E2;color:#0D0D0C}
.gm-share{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--gm-line,#D6D0C7);
  border-radius:999px;background:transparent;text-decoration:none;color:var(--gm-fg,#141413);font-family:Barlow,sans-serif;
  font-weight:500;font-size:15px;cursor:pointer}
.gm-post aside[aria-label=Compartilhar] .elementor-shortcode{display:contents}

/* trilha */
.gm-post nav[aria-label="Você está em"] a{text-underline-offset:4px}
.gm-post:not(.gm-post-livro) nav[aria-label="Você está em"] a{color:#EDE8E2}

/* corpo do post (texto de 2020: tamanho inline e h3 viram o tipo do design) */
.gm .gm-corpo{font-family:Barlow,"Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.7;color:var(--gm-body,#26241F)}
.gm-corpo :is(p,ul,ol,blockquote,.wp-block-image){margin:0 0 26px}
.gm-corpo p[style],.gm-corpo [class*="-font-size"]{font-size:inherit!important}
.gm-corpo p:first-of-type{font-size:23px!important;line-height:1.6;color:var(--gm-fg,#141413)}
.gm-corpo :is(h2,h3,h4){margin:54px 0 20px;font-family:Barlow,sans-serif;font-weight:800;font-size:34px;line-height:1.1;
  letter-spacing:-.02em;color:var(--gm-fg,#141413)}
.gm-corpo a{color:var(--gm-fg,#141413);text-underline-offset:4px}
.gm-corpo img{max-width:100%;height:auto;border-radius:4px}
.gm-corpo figcaption{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--gm-muted,#5C5852)}
.gm-corpo>:last-child,.gm-corpo .elementor-widget-container>:last-child{margin-bottom:0}

/* vídeo do YouTube: capa do design, o player só carrega no play */
.gm-video{margin:42px 0 26px;display:flex;flex-direction:column;gap:12px}
.gm-video-tela{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#0D0D0C;color:#EDE8E2}
.gm-video-tela .grain{position:absolute;inset:0;opacity:.25}
.gm-video-topo{position:absolute;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;font-family:'Roboto Mono',monospace;
  font-size:12px;letter-spacing:.08em;color:#A39E97}
.gm-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gm-video .play{width:88px;height:88px;padding:0;border-radius:50%;border:0;background:#FF3B2F;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gm-video-carregando{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.gm-video-carregando span{font-family:'Roboto Mono',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.gm-video-carregando>div{width:180px;height:2px;background:#2C2B29;overflow:hidden}
.gm-video-carregando .loadbar{width:40%;height:2px;background:#FF3B2F}
.gm-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gm-video [hidden]{display:none!important}

/* autor: bloco do Gui; post de convidado mostra só o nome */
.gm-autor-outro{display:none!important}
.gm-autor-convidado .gm-autor-gui{display:none!important}
.gm-autor-convidado .gm-autor-outro{display:flex!important}

/* "mais de <categoria> →" e título da categoria */
.gm-mais-link{min-height:44px;display:inline-flex;align-items:center;font-family:'Roboto Mono',monospace;font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:#EDE8E2;text-underline-offset:4px}
.gm .gm-termo .elementor-heading-title{text-transform:lowercase}
.gm .gm-termo .elementor-heading-title::after{content:".";color:#FF3B2F}