/**
 * Vagas de Emprego — GuiaWP: estilos do front (listagem, grid, card, modal).
 *
 * Mobile-first e SEM depender do Tailwind pré-compilado do core. O motivo é uma armadilha
 * silenciosa: o CSS do core é gerado só com as classes que ELE usa, então uma classe que ele nunca
 * usou não existe no arquivo — o elemento renderiza sem estilo nenhum, sem erro no console nem no
 * PHP. Folha própria elimina a categoria inteira de problema. (A referência chegou à mesma
 * conclusão e escreveu isso no topo do CSS dela.)
 *
 * A única coisa herdada do core é a cor: `--gcep-color-primary` é definida pelo tema conforme o
 * que o admin escolheu no painel, e o fallback existe para o caso de a folha do core não ter
 * carregado.
 *
 * @package VagasEmpregoGuiaWP
 */

.vegw-scope {
	--vegw-primary: var( --gcep-color-primary, #4f46e5 );
	--vegw-texto: #0f172a;
	--vegw-suave: #64748b;
	--vegw-borda: #e2e8f0;
	--vegw-fundo: #f8fafc;
	--vegw-verde: #16a34a;
	--vegw-verde-fundo: #dcfce7;
	--vegw-raio: 14px;
	--vegw-sombra: 0 1px 2px rgba( 15, 23, 42, .06 );
	--vegw-sombra-alta: 0 12px 32px rgba( 15, 23, 42, .16 );
}

/* --------------------------------------------------------------------------
   Cabeçalho da listagem
   -------------------------------------------------------------------------- */

.vegw-header {
	background: var( --vegw-fundo );
	border-bottom: 1px solid var( --vegw-borda );
	padding: 2rem 0;
}
.vegw-header__inner,
.vegw-corpo {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 1rem;
}
.vegw-corpo {
	padding-top: 2rem;
	padding-bottom: 2.5rem;
}
.vegw-breadcrumb {
	display: flex;
	align-items: center;
	gap: .35rem;
	font-size: .78rem;
	color: #94a3b8;
	margin-bottom: .75rem;
}
.vegw-breadcrumb a {
	color: inherit;
	text-decoration: none;
}
.vegw-breadcrumb a:hover {
	color: var( --vegw-suave );
}
.vegw-breadcrumb .material-symbols-outlined {
	font-size: 1rem;
}
.vegw-header__titulo {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0 0 .4rem;
	font-size: 1.6rem;
	font-weight: 800;
	color: var( --vegw-texto );
	line-height: 1.2;
}
.vegw-header__titulo .material-symbols-outlined {
	color: var( --vegw-primary );
}
.vegw-header__contagem {
	margin: 0;
	color: var( --vegw-suave );
	font-size: .9rem;
}

@media ( min-width: 768px ) {
	.vegw-header { padding: 3rem 0; }
	.vegw-header__titulo { font-size: 1.9rem; }
	.vegw-header__inner,
	.vegw-corpo { padding-left: 1.5rem; padding-right: 1.5rem; }
}

/* --------------------------------------------------------------------------
   Filtros
   -------------------------------------------------------------------------- */

.vegw-filtros {
	display: grid;
	grid-template-columns: 1fr;
	gap: .6rem;
	margin-top: 1.25rem;
}
.vegw-filtros__campo {
	position: relative;
	display: flex;
	align-items: center;
}
.vegw-filtros__campo input,
.vegw-filtros__campo select {
	width: 100%;
	height: 44px;
	padding: 0 .85rem;
	border: 1px solid var( --vegw-borda );
	border-radius: 10px;
	background: #fff;
	color: var( --vegw-texto );
	font-size: .875rem;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}
.vegw-filtros__campo select {
	/* A seta some com o appearance:none; este é o chevron desenhado à mão, em data-URI, para não
	   depender de nenhum arquivo externo. */
	background-image: url( "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e" );
	background-repeat: no-repeat;
	background-position: right .7rem center;
	background-size: 18px;
	padding-right: 2.2rem;
}
.vegw-filtros__campo input:focus,
.vegw-filtros__campo select:focus {
	border-color: var( --vegw-primary );
	box-shadow: 0 0 0 3px rgba( var( --gcep-color-primary-rgb, 79 70 229 ), .18 );
}
.vegw-filtros__campo--busca input {
	padding-left: 2.4rem;
}
.vegw-filtros__icone {
	position: absolute;
	left: .7rem;
	color: #94a3b8;
	font-size: 1.15rem;
	pointer-events: none;
}
.vegw-filtros__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	height: 44px;
	padding: 0 1.1rem;
	border: 0;
	border-radius: 10px;
	background: var( --vegw-primary );
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	cursor: pointer;
}
.vegw-filtros__submit:hover {
	filter: brightness( .94 );
}
.vegw-filtros__limpar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 .9rem;
	border-radius: 10px;
	color: var( --vegw-suave );
	font-size: .82rem;
	text-decoration: none;
}
.vegw-filtros__limpar:hover {
	color: var( --vegw-texto );
}

@media ( min-width: 768px ) {
	.vegw-filtros {
		grid-template-columns: 2fr 1fr 1fr 1fr auto auto;
		align-items: center;
	}
}

/* --------------------------------------------------------------------------
   Grid e card
   -------------------------------------------------------------------------- */

.vegw-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}
@media ( min-width: 640px ) {
	.vegw-grid { grid-template-columns: repeat( 2, 1fr ); }
}
@media ( min-width: 1024px ) {
	.vegw-grid { grid-template-columns: repeat( 3, 1fr ); }
	.vegw-grid--largo { grid-template-columns: repeat( 4, 1fr ); }
}

.vegw-card {
	display: flex;
	flex-direction: column;
	gap: .4rem;
	padding: 1.1rem;
	border: 1px solid var( --vegw-borda );
	border-radius: var( --vegw-raio );
	background: #fff;
	box-shadow: var( --vegw-sombra );
	cursor: pointer;
	transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.vegw-card:hover,
.vegw-card:focus-visible {
	border-color: var( --vegw-primary );
	box-shadow: 0 8px 20px rgba( 15, 23, 42, .1 );
	transform: translateY( -2px );
	outline: none;
}
/* --------------------------------------------------------------------------
   Imagem no card
   --------------------------------------------------------------------------
   A proporção da imagem é LIVRE: a referência serve retrato 768x1366, e o
   anunciante manda o que a câmera do celular deu. Por isso a moldura tem
   `aspect-ratio` fixo e a imagem entra com `object-fit:cover` — sem isso, um
   retrato alto empurraria o card e quebraria o alinhamento do grid inteiro,
   que é o defeito clássico de card com imagem de usuário.

   O `padding` negativo puxa a imagem até a borda: o card tem 1.1rem de padding
   e a imagem fica melhor sangrada, como na referência. */
.vegw-card__image {
	margin: -1.1rem -1.1rem .35rem;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: var( --vegw-raio ) var( --vegw-raio ) 0 0;
	background: var( --vegw-fundo );
}
.vegw-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}
.vegw-card--com-imagem:hover .vegw-card__image img,
.vegw-card--com-imagem:focus-visible .vegw-card__image img {
	transform: scale( 1.03 );
}

.vegw-card__titulo {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 800;
	line-height: 1.3;
	color: var( --vegw-texto );
}
.vegw-card__empresa,
.vegw-card__cidade,
.vegw-card__salario {
	display: flex;
	align-items: center;
	gap: .3rem;
	margin: 0;
	font-size: .82rem;
	color: var( --vegw-suave );
}
.vegw-card__empresa .material-symbols-outlined,
.vegw-card__cidade .material-symbols-outlined,
.vegw-card__salario .material-symbols-outlined {
	font-size: 1rem;
	color: #94a3b8;
}
.vegw-card__salario {
	align-self: flex-start;
	padding: .2rem .55rem;
	border-radius: 999px;
	background: var( --vegw-verde-fundo );
	color: #15803d;
	font-weight: 700;
}
.vegw-card__salario .material-symbols-outlined {
	color: var( --vegw-verde );
}
.vegw-card__tags,
.vegw-modal__tags {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin: .15rem 0 0;
}
.vegw-tag {
	display: inline-flex;
	align-items: center;
	padding: .18rem .5rem;
	border-radius: 999px;
	font-size: .72rem;
	font-weight: 700;
	line-height: 1.4;
}
.vegw-tag--modalidade {
	background: #eef2ff;
	color: #4338ca;
}
.vegw-tag--contratacao {
	background: #f1f5f9;
	color: #475569;
}
.vegw-card__resumo {
	margin: .3rem 0 0;
	font-size: .84rem;
	line-height: 1.5;
	color: var( --vegw-suave );
}
.vegw-card__cta {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	margin-top: auto;
	padding-top: .7rem;
	font-size: .82rem;
	font-weight: 700;
	color: var( --vegw-primary );
}
.vegw-card__cta .material-symbols-outlined {
	font-size: 1.05rem;
}

/* --------------------------------------------------------------------------
   Estado vazio e paginação
   -------------------------------------------------------------------------- */

.vegw-vazio {
	padding: 3rem 1rem;
	border: 1px dashed var( --vegw-borda );
	border-radius: var( --vegw-raio );
	text-align: center;
	color: var( --vegw-suave );
}
.vegw-vazio .material-symbols-outlined {
	font-size: 2.4rem;
	color: #cbd5e1;
}
.vegw-vazio__titulo {
	margin: .6rem 0 .25rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var( --vegw-texto );
}

.vegw-paginacao {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .35rem;
	margin-top: 2rem;
}
.vegw-paginacao a,
.vegw-paginacao span {
	min-width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 .6rem;
	border: 1px solid var( --vegw-borda );
	border-radius: 9px;
	background: #fff;
	color: var( --vegw-suave );
	font-size: .85rem;
	font-weight: 600;
	text-decoration: none;
}
.vegw-paginacao a:hover {
	border-color: var( --vegw-primary );
	color: var( --vegw-primary );
}
.vegw-paginacao .vegw-paginacao__atual {
	background: var( --vegw-primary );
	border-color: var( --vegw-primary );
	color: #fff;
}

/* --------------------------------------------------------------------------
   Modal
   -------------------------------------------------------------------------- */

.vegw-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0;
}
/* `[hidden]` sozinho perde para o `display:flex` acima — mesma pegadinha de especificidade que o
   core documentou nas abas do Hero. Por isso a regra é explícita. */
.vegw-modal[hidden] {
	display: none;
}
.vegw-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba( 15, 23, 42, .6 );
}
.vegw-modal__box {
	position: relative;
	width: 100%;
	max-height: 92vh;
	overflow-y: auto;
	padding: 1.5rem 1.15rem 1.75rem;
	border-radius: 18px 18px 0 0;
	background: #fff;
	box-shadow: var( --vegw-sombra-alta );
}
.vegw-modal__x {
	position: absolute;
	top: .6rem;
	right: .7rem;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: #f1f5f9;
	color: var( --vegw-suave );
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
}
.vegw-modal__x:hover {
	background: #e2e8f0;
	color: var( --vegw-texto );
}
.vegw-modal__layout {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.vegw-modal__badge {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	padding: .22rem .6rem;
	border-radius: 999px;
	background: var( --vegw-primary );
	color: #fff;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.vegw-modal__badge .material-symbols-outlined {
	font-size: .95rem;
}
.vegw-modal__titulo {
	margin: .7rem 0 .5rem;
	font-size: 1.3rem;
	font-weight: 800;
	line-height: 1.25;
	color: var( --vegw-texto );
}
.vegw-modal__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem .9rem;
	margin-bottom: 1rem;
}
.vegw-modal__cidade,
.vegw-modal__salario {
	display: flex;
	align-items: center;
	gap: .3rem;
	margin: 0;
	font-size: .85rem;
	color: var( --vegw-suave );
}
.vegw-modal__salario {
	padding: .2rem .55rem;
	border-radius: 999px;
	background: var( --vegw-verde-fundo );
	color: #15803d;
	font-weight: 700;
}
.vegw-modal__cidade .material-symbols-outlined,
.vegw-modal__salario .material-symbols-outlined {
	font-size: 1rem;
}
.vegw-modal__tags {
	width: 100%;
}

.vegw-modal__descricao {
	font-size: .92rem;
	line-height: 1.65;
	color: #334155;
}
.vegw-modal__descricao p { margin: 0 0 .8rem; }
.vegw-modal__descricao h2,
.vegw-modal__descricao h3,
.vegw-modal__descricao h4 {
	margin: 1.1rem 0 .5rem;
	font-weight: 800;
	color: var( --vegw-texto );
	line-height: 1.3;
}
.vegw-modal__descricao h2 { font-size: 1.05rem; }
.vegw-modal__descricao h3 { font-size: .98rem; }
.vegw-modal__descricao h4 { font-size: .92rem; }
.vegw-modal__descricao ul,
.vegw-modal__descricao ol { margin: 0 0 .9rem; padding-left: 1.3rem; }
.vegw-modal__descricao li { margin-bottom: .3rem; }
.vegw-modal__descricao a { color: var( --vegw-primary ); }
.vegw-modal__descricao blockquote {
	margin: 0 0 .9rem;
	padding-left: .9rem;
	border-left: 3px solid var( --vegw-borda );
	color: var( --vegw-suave );
}

.vegw-modal__contato {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	width: 100%;
	margin-top: 1.2rem;
	padding: .85rem 1.2rem;
	border-radius: 12px;
	background: var( --vegw-verde );
	color: #fff;
	font-size: .92rem;
	font-weight: 700;
	text-decoration: none;
}
.vegw-modal__contato:hover {
	filter: brightness( .94 );
}

/* A coluna lateral do modal: empresa, imagem da vaga, ou as duas. Ela é só o empilhamento — quem
   desenha caixa é cada bloco de dentro. */
.vegw-modal__lateral {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.vegw-modal__lateral[hidden],
.vegw-modal__empresa[hidden],
.vegw-modal__vaga-foto[hidden] {
	display: none;
}

.vegw-modal__empresa {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	padding: 1.1rem;
	border: 1px solid var( --vegw-borda );
	border-radius: var( --vegw-raio );
	background: var( --vegw-fundo );
	text-align: center;
}
.vegw-modal__empresa-label {
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #94a3b8;
}
.vegw-modal__empresa-foto img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: var( --vegw-sombra );
}
.vegw-modal__empresa-nome {
	margin: 0;
	font-size: .92rem;
	font-weight: 800;
	color: var( --vegw-texto );
	line-height: 1.3;
}
.vegw-modal__empresa-btn {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	padding: .5rem .9rem;
	border: 1px solid var( --vegw-borda );
	border-radius: 10px;
	background: #fff;
	color: var( --vegw-texto );
	font-size: .8rem;
	font-weight: 700;
	text-decoration: none;
}
.vegw-modal__empresa-btn:hover {
	border-color: var( --vegw-primary );
	color: var( --vegw-primary );
}
.vegw-modal__empresa-btn .material-symbols-outlined {
	font-size: 1rem;
}

/* --------------------------------------------------------------------------
   A imagem da vaga no modal, e o lightbox
   -------------------------------------------------------------------------- */

.vegw-modal__vaga-foto {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: .5rem;
	width: 100%;
	padding: .75rem;
	border: 1px solid var( --vegw-borda );
	border-radius: var( --vegw-raio );
	background: var( --vegw-fundo );
	font: inherit;
	text-align: center;
	cursor: zoom-in;
}
.vegw-modal__vaga-foto:hover,
.vegw-modal__vaga-foto:focus-visible {
	border-color: var( --vegw-primary );
	outline: none;
}
.vegw-modal__vaga-foto-label {
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #94a3b8;
}
.vegw-modal__vaga-foto img {
	display: block;
	width: 100%;
	max-height: 220px;
	object-fit: cover;
	border-radius: 10px;
	background: #e2e8f0;
}
.vegw-modal__vaga-foto-acao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .3rem;
	font-size: .78rem;
	font-weight: 700;
	color: var( --vegw-primary );
}
.vegw-modal__vaga-foto-acao .material-symbols-outlined {
	font-size: 1rem;
}

/* O lightbox cobre a tela inteira e fica ACIMA da box do modal — daí o z-index maior que o do
   `.vegw-modal`, e não um empilhamento herdado. */
.vegw-image-viewer {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
}
.vegw-image-viewer[hidden] {
	display: none;
}
.vegw-image-viewer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba( 15, 23, 42, .88 );
	cursor: zoom-out;
}
.vegw-image-viewer__dialog {
	position: relative;
	max-width: min( 1100px, 100% );
	max-height: 100%;
}
.vegw-image-viewer__dialog img {
	display: block;
	/* `max-height` em vh + `object-fit:contain` é o que garante que um RETRATO alto caiba na tela
	   inteiro, em vez de sair pela borda de baixo. */
	max-width: 100%;
	max-height: 88vh;
	object-fit: contain;
	border-radius: 12px;
	box-shadow: var( --vegw-sombra-alta );
}
.vegw-image-viewer__close {
	position: absolute;
	top: -.6rem;
	right: -.6rem;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: var( --vegw-texto );
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: var( --vegw-sombra-alta );
}
.vegw-image-viewer__close:hover {
	background: #e2e8f0;
}

@media ( min-width: 768px ) {
	.vegw-modal {
		align-items: center;
		padding: 1.5rem;
	}
	.vegw-modal__box {
		max-width: 640px;
		border-radius: 18px;
		padding: 1.75rem;
	}
	.vegw-modal__box--com-lateral {
		max-width: 880px;
	}
	.vegw-modal__box--com-lateral .vegw-modal__layout {
		flex-direction: row;
		align-items: flex-start;
		gap: 1.75rem;
	}
	.vegw-modal__box--com-lateral .vegw-modal__main {
		flex: 1 1 auto;
		min-width: 0;
	}
	.vegw-modal__box--com-lateral .vegw-modal__lateral {
		flex: 0 0 220px;
		position: sticky;
		top: 0;
	}
	.vegw-modal__contato {
		width: auto;
	}
}

/* --------------------------------------------------------------------------
   Seção no single do anúncio
   -------------------------------------------------------------------------- */

.vegw-section {
	margin: 2.5rem 0 0;
}
.vegw-section__header {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin-bottom: 1.1rem;
}
.vegw-section__titulo {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin: 0;
	font-size: 1.2rem;
	font-weight: 800;
	color: var( --vegw-texto );
}
.vegw-section__titulo .material-symbols-outlined {
	color: var( --vegw-primary );
}
.vegw-section__contador {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.7rem;
	height: 1.7rem;
	padding: 0 .5rem;
	border-radius: 999px;
	background: #eef2ff;
	color: #4338ca;
	font-size: .78rem;
	font-weight: 800;
}

/* --------------------------------------------------------------------------
   Bloco da home (carrossel)

   O core dá `echo` no HTML deste bloco CRU, sem envelopar nada: o contêiner e a
   largura são responsabilidade do addon. Sem o `.vegw-home__inner`, a seção
   ocuparia a viewport inteira — o bug que a Loteria 1.0.7 consertou.
   -------------------------------------------------------------------------- */

.vegw-home {
	padding: 2.5rem 0;
}
.vegw-home__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 1rem;
}
.vegw-home__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: 1.25rem;
}
.vegw-home__titulo {
	display: flex;
	align-items: center;
	gap: .45rem;
	margin: 0 0 .2rem;
	font-size: 1.35rem;
	font-weight: 800;
	color: var( --vegw-texto );
	line-height: 1.2;
}
.vegw-home__titulo .material-symbols-outlined {
	color: var( --vegw-primary );
}
.vegw-home__sub {
	margin: 0;
	font-size: .85rem;
	color: var( --vegw-suave );
}
.vegw-home__nav {
	display: flex;
	align-items: center;
	gap: .4rem;
}
.vegw-home__ver-todas {
	margin-right: .35rem;
	font-size: .82rem;
	font-weight: 700;
	color: var( --vegw-primary );
	text-decoration: none;
}
.vegw-home__ver-todas:hover {
	text-decoration: underline;
}
.vegw-carrossel__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid var( --vegw-borda );
	border-radius: 50%;
	background: #fff;
	color: var( --vegw-suave );
	cursor: pointer;
}
.vegw-carrossel__btn:hover {
	border-color: var( --vegw-primary );
	color: var( --vegw-primary );
}
.vegw-carrossel__track {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	padding-bottom: .5rem;
	/* Barra de rolagem escondida: a navegação é pelos botões, e no desktop a barra cortava a
	   sombra do card. O gesto de arrastar continua funcionando no celular. */
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.vegw-carrossel__track::-webkit-scrollbar {
	display: none;
}
.vegw-carrossel__track .vegw-card {
	flex: 0 0 270px;
	scroll-snap-align: start;
}

@media ( min-width: 768px ) {
	.vegw-home__inner { padding-left: 1.5rem; padding-right: 1.5rem; }
	.vegw-home__titulo { font-size: 1.5rem; }
}