/*
 * Só o que solta o portal do container do Woodmart.
 * O estilo do portal em si vive em gcp-afiliados/assets/css/portal.css.
 *
 * Existe porque o tema encaixota o conteúdo num container estreito com
 * sidebar, e foi esse container que estourava a viewport no celular.
 */

/* O get_header() do Woodmart abre <main id="main-content" class="container
   wd-grid-g">, um grid de 12 colunas. Sem esta regra o portal vira um item
   desse grid e ocupa UMA coluna: a caixa de login sai com ~55px de largura e
   o texto quebra palavra por palavra. Foi assim que a página nasceu em
   produção em 03/09/2026, e o teste de shortcode isolado não pega — só o
   caminho do navegador pega.

   Presa à classe que o próprio template gera no body, para não tocar em
   nenhuma outra página da loja. */
body.page-template-page-portal-afiliados #main-content {
	display: block;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.gcp-af-main { display: block; width: 100%; padding: 22px 16px 48px; }

/* 1400px acompanha o container onde o shortcode vive, e o max-width do
   portal e o mesmo numero. Os dois precisam bater: se um ficar menor, e ele
   que manda, e a largura do outro nao aparece. */
.gcp-af-wrap { width: 100%; max-width: 1400px; margin: 0 auto; }

.gcp-af-main .wd-page-content,
.gcp-af-main .container { max-width: none; padding: 0; }

@media (max-width: 620px) {
	.gcp-af-main { padding: 14px 12px 36px; }
}