/* Blog do Univer Vídeo (blog.univervideo.com), 26/10/2026. Carregado DEPOIS de app.css e article.css (cópias do Help):
 * só acrescenta o que o Help não tem — topo com dois links e o corpo dos posts escritos em Markdown. */

/* topo: Central de Ajuda + Site oficial (no celular só a Central; o site fica no rodapé) */
.bl-topnav{gap:4px}
@media (max-width:640px){.bl-topnav .toplink--site{display:none}}

/* título de post do marketing pode ser longo: quebra em vez de vazar (o Help mantém 1 linha nos dele) */
.bl-post .ar-hero--post .ar-title{white-space:normal;max-width:20ch}
@media (min-width:1024px){.bl-post .ar-hero--post .ar-title{white-space:normal}}

/* post só em português visto em ES/EN */
.bl-only{display:inline-flex;margin:18px 0 0;padding:4px 12px;border-radius:var(--pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:13.5px;font-weight:500;color:rgba(255,255,255,.86)}
@media (max-width:640px){.bl-only{margin-top:14px}}

/* corpo em Markdown */
.bl-md > :first-child{margin-top:0}
.bl-md .bl-h2{margin-top:clamp(48px,6vw,72px);scroll-margin-top:96px}
.bl-md .bl-h3{font-family:var(--font);font-size:clamp(22px,2vw,26px);line-height:1.25;font-weight:700;letter-spacing:-.012em;color:var(--ink);margin:40px 0 12px;scroll-margin-top:96px}
.bl-md a{color:var(--bright);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.bl-md a:hover{text-decoration-thickness:2px}
.bl-md em{font-style:italic}
.bl-md .bl-list{margin:0 0 1.3em;padding-left:1.4em}
.bl-md .bl-list--ul{list-style:disc}
.bl-md .bl-list--ol{list-style:decimal}
.bl-md .bl-list li{padding-left:.25em;margin:.35em 0}
.bl-md .bl-list li::marker{color:var(--bright);font-weight:600}
.bl-md .bl-quote{margin:32px 0;padding:6px 0 6px 24px;border-left:3px solid var(--bright);font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;font-size:clamp(22px,2.1vw,26px);line-height:1.45;color:var(--ink)}
.bl-md .bl-quote p{margin:0 0 .6em}
.bl-md .bl-quote p:last-child{margin-bottom:0}
.bl-md .bl-hr{border:0;height:1px;background:var(--line-strong);margin:48px 0}
.bl-md .ar-fig picture{display:block}
.bl-md .bl-video .ar-video__frame{border-radius:18px}
.bl-md .bl-video .ar-video__poster img{border:0;border-radius:0;box-shadow:none;object-fit:cover}
.bl-share{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);text-align:center}
.bl-empty{font-size:18px;color:var(--ink-2)}
.ar-cover picture{display:block}
.ar-item__img picture{display:block;width:100%;height:100%}

@media (max-width:640px){
  .bl-post .ar-hero--post .ar-title{max-width:none}
  .bl-md .bl-h2{margin-top:44px;scroll-margin-top:64px}
  .bl-md .bl-h3{font-size:21px;margin:32px 0 10px}
  .bl-md .bl-quote{margin:24px 0;padding-left:16px;font-size:20px}
  .bl-md .bl-video{margin-left:-16px;margin-right:-16px}
  .bl-md .bl-video .ar-video__frame{border-radius:0}
  .bl-md .bl-video figcaption{padding:0 16px}
  .bl-share{margin-top:36px;padding-top:20px}
}