/*!
 * N10 RN — Tag mobile layout
 * Escopo: páginas de tópicos/tags no mobile.
 * Motivo: impedir overflow horizontal no template Tudo Sobre,
 * especialmente hero e bloco de perfil jornalístico.
 */

@media (max-width: 767px) {
  body.tag,
  body.tax-post_tag,
  body.archive.tag,
  body.archive.tax-post_tag {
    overflow-x: hidden;
    max-width: 100vw;
  }

  body.tag *,
  body.tag *::before,
  body.tag *::after,
  body.tax-post_tag *,
  body.tax-post_tag *::before,
  body.tax-post_tag *::after {
    box-sizing: border-box;
  }

  body.tag #page,
  body.tag .site,
  body.tag .site-content,
  body.tag .content-area,
  body.tag .site-main,
  body.tag main,
  body.tag article,
  body.tag .container,
  body.tag .wrap,
  body.tax-post_tag #page,
  body.tax-post_tag .site,
  body.tax-post_tag .site-content,
  body.tax-post_tag .content-area,
  body.tax-post_tag .site-main,
  body.tax-post_tag main,
  body.tax-post_tag article,
  body.tax-post_tag .container,
  body.tax-post_tag .wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.tag .ts-person-page-v3,
  body.tag .ts-generic-hero-shell-v3,
  body.tag .ts-person-hero-v3,
  body.tag .ts-generic-hero-v3,
  body.tag .ts-topic-overview-v1,
  body.tag .tudo-sobre,
  body.tag .tudo-sobre.container,
  body.tax-post_tag .ts-person-page-v3,
  body.tax-post_tag .ts-generic-hero-shell-v3,
  body.tax-post_tag .ts-person-hero-v3,
  body.tax-post_tag .ts-generic-hero-v3,
  body.tax-post_tag .ts-topic-overview-v1,
  body.tax-post_tag .tudo-sobre,
  body.tax-post_tag .tudo-sobre.container {
    width: auto;
    max-width: calc(100vw - 24px);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    transform: none;
    left: auto;
    right: auto;
  }

  body.tag .ts-person-page-v3 *,
  body.tag .ts-generic-hero-shell-v3 *,
  body.tag .ts-person-hero-v3 *,
  body.tag .ts-generic-hero-v3 *,
  body.tag .ts-topic-overview-v1 *,
  body.tag .tudo-sobre *,
  body.tag .tudo-sobre.container *,
  body.tax-post_tag .ts-person-page-v3 *,
  body.tax-post_tag .ts-generic-hero-shell-v3 *,
  body.tax-post_tag .ts-person-hero-v3 *,
  body.tax-post_tag .ts-generic-hero-v3 *,
  body.tax-post_tag .ts-topic-overview-v1 *,
  body.tax-post_tag .tudo-sobre *,
  body.tax-post_tag .tudo-sobre.container * {
    max-width: 100%;
    min-width: 0;
  }

  body.tag .ts-generic-hero-shell-v3,
  body.tag .ts-person-hero-v3,
  body.tag .ts-generic-hero-v3,
  body.tax-post_tag .ts-generic-hero-shell-v3,
  body.tax-post_tag .ts-person-hero-v3,
  body.tax-post_tag .ts-generic-hero-v3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  body.tag .ts-generic-hero-shell-v3 > *,
  body.tag .ts-person-hero-v3 > *,
  body.tag .ts-generic-hero-v3 > *,
  body.tax-post_tag .ts-generic-hero-shell-v3 > *,
  body.tax-post_tag .ts-person-hero-v3 > *,
  body.tax-post_tag .ts-generic-hero-v3 > * {
    max-width: 100%;
    min-width: 0;
  }

  body.tag .ts-generic-hero-v3 h1,
  body.tag .ts-person-hero-v3 h1,
  body.tag .ts-generic-hero-shell-v3 h1,
  body.tax-post_tag .ts-generic-hero-v3 h1,
  body.tax-post_tag .ts-person-hero-v3 h1,
  body.tax-post_tag .ts-generic-hero-shell-v3 h1 {
    max-width: 100%;
    font-size: clamp(42px, 14vw, 58px);
    line-height: .92;
    letter-spacing: -0.055em;
    overflow-wrap: anywhere;
  }

  body.tag .ts-generic-hero-v3 p,
  body.tag .ts-person-hero-v3 p,
  body.tag .ts-generic-hero-shell-v3 p,
  body.tag .ts-topic-overview-v1 p,
  body.tag .ts-topic-overview-v1 li,
  body.tag .ts-topic-overview-v1 a,
  body.tax-post_tag .ts-generic-hero-v3 p,
  body.tax-post_tag .ts-person-hero-v3 p,
  body.tax-post_tag .ts-generic-hero-shell-v3 p,
  body.tax-post_tag .ts-topic-overview-v1 p,
  body.tax-post_tag .ts-topic-overview-v1 li,
  body.tax-post_tag .ts-topic-overview-v1 a {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.tag .ts-generic-hero-v3 img,
  body.tag .ts-person-hero-v3 img,
  body.tag .ts-generic-hero-shell-v3 img,
  body.tag .ts-topic-overview-v1 img,
  body.tax-post_tag .ts-generic-hero-v3 img,
  body.tax-post_tag .ts-person-hero-v3 img,
  body.tax-post_tag .ts-generic-hero-shell-v3 img,
  body.tax-post_tag .ts-topic-overview-v1 img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }

  body.tag .ts-generic-hero-v3 figure,
  body.tag .ts-person-hero-v3 figure,
  body.tag .ts-generic-hero-shell-v3 figure,
  body.tag .ts-topic-overview-v1 figure,
  body.tax-post_tag .ts-generic-hero-v3 figure,
  body.tax-post_tag .ts-person-hero-v3 figure,
  body.tax-post_tag .ts-generic-hero-shell-v3 figure,
  body.tax-post_tag .ts-topic-overview-v1 figure {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  body.tag .ts-topic-overview-v1,
  body.tax-post_tag .ts-topic-overview-v1 {
    padding-left: 18px;
    padding-right: 18px;
  }

  body.tag .ts-topic-overview-v1 h2,
  body.tax-post_tag .ts-topic-overview-v1 h2 {
    max-width: 100%;
    font-size: clamp(24px, 7.2vw, 34px);
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  body.tag .tudo-sobre.container,
  body.tax-post_tag .tudo-sobre.container {
    padding-left: 12px;
    padding-right: 12px;
  }
}