/* =========================================================
   ZAP RECEITAS
   NOVA IDENTIDADE VISUAL
========================================================= */

:root {
	--zr-neon: #39ff14;
	--zr-lime: #a8ff00;
	--zr-green: #00c853;
	--zr-green-dark: #004d26;

	--zr-gold: #ffd600;
	--zr-gold-dark: #d9a400;

	--zr-orange: #ff7a00;
	--zr-orange-hot: #ff4d00;

	--zr-dark: #031b10;
	--zr-dark-soft: #08351f;

	--zr-white: #ffffff;
	--zr-soft: #f5fff7;
	--zr-border: rgba(0, 164, 74, .15);

	--zr-shadow:
		0 18px 50px rgba(0, 91, 39, .12);
}


/* =========================================================
   GERAL
========================================================= */

html,
body {
	overflow-x: hidden;
}

body {
	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f7fbf8 55%,
			#f1f7f3 100%
		);

	color: #10281c;
}


/* =========================================================
   REMOVE CABEÇALHO / MENU / PESQUISA PADRÃO
========================================================= */

.site-header,
.main-navigation,
#site-navigation,
.navigation-search,
.gp-search-modal,
.search-modal-form,
.search-item {
	display: none !important;
}


/* NÃO ESCONDE NOSSA BUSCA */

.zr-search,
.zr-search * {
	display: revert;
}


/* =========================================================
   SEM SIDEBAR
========================================================= */

#right-sidebar,
#left-sidebar,
.sidebar,
.widget-area.sidebar {
	display: none !important;
}

.site-content,
.content-area,
#primary {
	width: 100% !important;
	max-width: 100% !important;

	float: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;
}

.site-content {
	display: block !important;
}


/* =========================================================
   MENU SUPERIOR
========================================================= */

.zr-top-menu {
	position: relative;
	z-index: 1000;

	background:
		linear-gradient(
			90deg,
			#f8fff9 0%,
			#ffffff 40%,
			#f6fff8 100%
		);

	border-bottom:
		1px solid rgba(0, 189, 79, .12);
}

.zr-top-menu-inner {
	max-width: 1380px;

	margin: 0 auto;

	padding: 11px 26px;

	display: flex;
	align-items: center;
	justify-content: center;

	gap: 12px;
}


.zr-nav-institucional {
	display: flex;
	align-items: center;
	justify-content: center;

	flex-wrap: wrap;

	gap: 8px;
}


.zr-nav-institucional a {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-height: 42px;

	padding: 9px 20px;

	border-radius: 999px;

	background:
		linear-gradient(
			180deg,
			#ffffff,
			#f8fffa
		);

	color: #07351e !important;

	text-decoration: none !important;

	font-size: 14px;
	font-weight: 850;

	border:
		1px solid rgba(0, 170, 70, .15);

	box-shadow:
		0 4px 12px rgba(0, 60, 25, .03);

	transition:
		.25s ease;
}


.zr-nav-institucional a:hover,
.zr-nav-institucional a.zr-current {
	color: #04230f !important;

	background:
		linear-gradient(
			135deg,
			var(--zr-lime),
			var(--zr-neon),
			#00ed5b
		);

	border-color:
		var(--zr-neon);

	transform:
		translateY(-2px);

	box-shadow:
		0 10px 24px rgba(0, 200, 83, .22),
		0 0 21px rgba(57, 255, 20, .25);
}


/* =========================================================
   LOGO + CATEGORIAS
========================================================= */

.zr-brand-section {
	position: relative;

	background:
		radial-gradient(
			circle at 8% 50%,
			rgba(57,255,20,.07),
			transparent 30%
		),
		radial-gradient(
			circle at 90% 40%,
			rgba(255,214,0,.07),
			transparent 28%
		),
		#ffffff;

	border-bottom:
		1px solid rgba(0,190,75,.13);

	box-shadow:
		0 14px 38px rgba(0,70,30,.05);
}


.zr-brand-inner {
	max-width: 1460px;

	margin: 0 auto;

	padding: 28px 32px;

	display: grid;

	grid-template-columns:
		minmax(280px, 370px)
		minmax(0, 1fr);

	align-items: center;

	gap: 38px;
}


/* LOGO */

.zr-brand-logo {
	display: flex;

	align-items: center;
	justify-content: center;
}

.zr-brand-logo a {
	display: block;
}

.zr-main-logo {
	width: 100% !important;

	max-width: 360px !important;

	height: auto !important;

	display: block;

	filter:
		drop-shadow(
			0 9px 13px rgba(0,100,38,.13)
		);
}


/* =========================================================
   TÍTULO CATEGORIAS
========================================================= */

.zr-category-title {
	display: flex;

	align-items: baseline;

	gap: 10px;

	margin-bottom: 13px;
}

.zr-category-title span {
	color: #00a347;

	font-size: 12px;
	font-weight: 900;

	letter-spacing: 1.4px;

	text-transform: uppercase;
}

.zr-category-title strong {
	color: #062817;

	font-size: 22px;

	font-weight: 950;

	letter-spacing: -.4px;
}


/* =========================================================
   CATEGORIAS
========================================================= */

.zr-category-row {
	display: flex;

	align-items: center;

	gap: 14px;
}


.zr-categories {
	display: flex;

	flex: 1;

	align-items: center;

	flex-wrap: wrap;

	gap: 9px;
}


.zr-categories a {
	position: relative;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 10px 21px;

	border-radius: 15px;

	color: #07351e !important;

	text-decoration: none !important;

	font-size: 14px;

	font-weight: 900;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#f4fff7
		);

	border:
		1px solid rgba(0,175,72,.18);

	box-shadow:
		0 7px 18px rgba(0,70,28,.055);

	transition:
		.27s cubic-bezier(.2,.8,.2,1);
}


.zr-categories a::after {
	content: "";

	position: absolute;

	left: 15%;
	right: 15%;
	bottom: -1px;

	height: 3px;

	border-radius: 50px;

	opacity: 0;

	background:
		linear-gradient(
			90deg,
			var(--zr-orange),
			var(--zr-gold),
			var(--zr-neon)
		);

	transition: .25s ease;
}


.zr-categories a:hover {
	transform:
		translateY(-3px);

	color: #061f10 !important;

	border-color:
		rgba(57,255,20,.75);

	box-shadow:
		0 13px 27px rgba(0,150,55,.13),
		0 0 15px rgba(57,255,20,.11);
}


.zr-categories a:hover::after {
	opacity: 1;
}


.zr-categories a.zr-current {
	color: #04210f !important;

	background:
		linear-gradient(
			135deg,
			#eaff00 0%,
			#62ff0e 43%,
			#00e958 100%
		);

	border-color:
		#39ff14;

	box-shadow:
		0 12px 28px rgba(0,190,75,.20),
		0 0 23px rgba(57,255,20,.20);
}


/* =========================================================
   PESQUISA
========================================================= */

.zr-search {
	position: relative;

	flex: 0 0 auto;
}


.zr-search > summary {
	list-style: none !important;

	width: 48px;
	height: 48px;

	display: flex !important;

	align-items: center;
	justify-content: center;

	border-radius: 16px;

	cursor: pointer;

	color: #052812;

	background:
		linear-gradient(
			135deg,
			#eeff4f,
			#9dff00
		);

	border:
		1px solid #5aff10;

	box-shadow:
		0 8px 22px rgba(0,180,70,.13);

	transition:
		.25s ease;
}


.zr-search > summary::-webkit-details-marker {
	display: none;
}

.zr-search > summary::marker {
	display: none;
}


.zr-search > summary svg {
	width: 23px;
	height: 23px;

	fill: currentColor;
}


.zr-search > summary:hover,
.zr-search[open] > summary {
	transform:
		translateY(-2px)
		scale(1.04);

	background:
		linear-gradient(
			135deg,
			var(--zr-neon),
			var(--zr-green)
		);

	box-shadow:
		0 12px 28px rgba(0,200,83,.25),
		0 0 19px rgba(57,255,20,.24);
}


/* POPUP */

.zr-search-popup {
	position: absolute;

	top: calc(100% + 12px);
	right: 0;

	z-index: 99999;

	width: 420px;

	max-width: 90vw;

	padding: 8px;

	background: rgba(255,255,255,.98);

	border:
		1px solid rgba(0,180,75,.20);

	border-radius: 18px;

	box-shadow:
		0 26px 70px rgba(0,50,25,.20),
		0 0 25px rgba(57,255,20,.07);
}


.zr-search-form {
	display: flex !important;

	width: 100%;

	gap: 7px;
}


.zr-search-form input {
	flex: 1;

	min-width: 0;

	height: 48px;

	padding: 0 15px !important;

	border:
		1px solid #dce9df !important;

	border-radius:
		12px !important;

	background:
		#f7fbf8 !important;

	color:
		#092b19 !important;

	outline:
		none !important;
}


.zr-search-form input:focus {
	border-color:
		var(--zr-neon) !important;

	box-shadow:
		0 0 0 3px rgba(57,255,20,.12);
}


.zr-search-form button {
	height: 48px;

	padding: 0 18px;

	border: 0;

	border-radius: 12px;

	font-weight: 900;

	cursor: pointer;

	color: #052412;

	background:
		linear-gradient(
			135deg,
			var(--zr-gold),
			var(--zr-neon)
		);
}


/* =========================================================
   GARANTIA: REMOVE BARRA CINZA DA PESQUISA
========================================================= */

.navigation-search,
.main-navigation .search-form,
.site-header .search-form,
.gp-search-modal,
.search-modal-form {
	display: none !important;
	background: none !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}


/* NOSSA PESQUISA CONTINUA NORMAL */

.zr-search .zr-search-form {
	display: flex !important;
	height: auto !important;
}


/* =========================================================
   ÁREA CONTEÚDO
========================================================= */

.site-main,
.inside-article {
	background: transparent !important;
}


/* =========================================================
   DESCUBRA GRUPOS
========================================================= */

.zr-discover-title {
	position: relative;

	display: inline-block;

	margin-bottom: 28px !important;

	color: #062819 !important;

	font-size:
		clamp(35px, 4vw, 54px) !important;

	font-weight:
		900 !important;

	letter-spacing:
		-1.8px !important;
}


.zr-discover-title::after {
	content: "";

	position: absolute;

	left: 0;
	bottom: -10px;

	width: 85px;
	height: 6px;

	border-radius: 100px;

	background:
		linear-gradient(
			90deg,
			var(--zr-neon),
			var(--zr-gold),
			var(--zr-orange)
		);
}


/* =========================================================
   GRUPOS EM DESTAQUE - CENTRALIZADO
========================================================= */

.zr-featured-heading-area {
	width: 100%;

	text-align: center !important;

	margin:
		55px auto 32px !important;
}


.zr-featured-title {
	position: relative;

	display: inline-block;

	margin:
		0 auto 12px !important;

	text-align:
		center !important;

	font-size:
		clamp(40px, 4.5vw, 64px) !important;

	line-height:
		1.05 !important;

	font-weight:
		950 !important;

	letter-spacing:
		-2.3px !important;

	color:
		#052b18 !important;

	text-shadow:
		0 2px 0 rgba(255,255,255,.8);
}


.zr-featured-title::before {
	content: "🔥 SELEÇÃO ESPECIAL";

	position: absolute;

	left: 50%;
	top: -27px;

	transform:
		translateX(-50%);

	white-space:
		nowrap;

	font-size:
		11px;

	font-weight:
		950;

	letter-spacing:
		2px;

	color:
		#f06400;
}


.zr-featured-title::after {
	content: "";

	position: absolute;

	left: 50%;
	bottom: -15px;

	width: 135px;
	height: 7px;

	transform:
		translateX(-50%);

	border-radius: 100px;

	background:
		linear-gradient(
			90deg,
			#ff5a00,
			#ffd600,
			#39ff14
		);

	box-shadow:
		0 0 18px rgba(57,255,20,.20);
}


/* =========================================================
   CARDS DOS GRUPOS
========================================================= */

.zr-group-card {
	position: relative;

	overflow: hidden !important;

	background:
		linear-gradient(
			155deg,
			#ffffff 0%,
			#ffffff 64%,
			#f6fff8 100%
		) !important;

	border:
		1px solid rgba(0,190,75,.18) !important;

	border-radius:
		30px !important;

	box-shadow:
		0 25px 65px rgba(0,70,30,.15),
		0 5px 13px rgba(0,70,30,.05) !important;

	transition:
		transform .35s ease,
		box-shadow .35s ease !important;
}


.zr-group-card::before {
	content: "";

	position: absolute;

	top: 0;
	left: 0;
	right: 0;

	height: 7px;

	z-index: 50;

	background:
		linear-gradient(
			90deg,
			#39ff14,
			#eaff00,
			#ffd600,
			#ff7a00,
			#ff4500,
			#ffd600,
			#39ff14
		);

	background-size:
		400% 100%;

	animation:
		zr-card-gradient 8s linear infinite;
}


.zr-group-card:hover {
	transform:
		translateY(-9px);

	box-shadow:
		0 35px 90px rgba(0,75,33,.22),
		0 0 28px rgba(57,255,20,.10) !important;
}


@keyframes zr-card-gradient {

	from {
		background-position: 0 50%;
	}

	to {
		background-position: 400% 50%;
	}
}


/* =========================================================
   IMAGEM DO GRUPO - IGNORA COR DO PLUGIN
========================================================= */

.zr-group-image-wrapper {
	position: relative;

	display: block;

	margin:
		14px !important;

	padding:
		4px !important;

	overflow:
		hidden !important;

	border:
		0 !important;

	border-radius:
		24px !important;

	background:
		linear-gradient(
			130deg,
			#39ff14 0%,
			#dfff00 24%,
			#ffd600 50%,
			#ff7900 73%,
			#39ff14 100%
		) !important;

	background-size:
		300% 300% !important;

	animation:
		zr-image-border 7s ease infinite;

	box-shadow:
		0 13px 33px rgba(0,90,35,.16),
		0 0 20px rgba(57,255,20,.08) !important;
}


@keyframes zr-image-border {

	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}


.zr-group-image,
.zr-group-card img {
	display: block;

	width:
		100% !important;

	height:
		auto;

	aspect-ratio:
		16 / 9;

	object-fit:
		cover;

	margin:
		0 !important;

	border:
		0 !important;

	outline:
		0 !important;

	border-radius:
		20px !important;

	box-shadow:
		none !important;

	transition:
		transform .55s ease,
		filter .55s ease !important;
}


.zr-group-card:hover .zr-group-image,
.zr-group-card:hover img {
	transform:
		scale(1.035);

	filter:
		saturate(1.1)
		contrast(1.03);
}


/* REMOVE BORDA DO PLUGIN */

.zr-group-card figure,
.zr-group-card [class*="image"],
.zr-group-card [class*="thumb"] {
	border:
		0 !important;

	outline:
		0 !important;
}


/* =========================================================
   NOME DO GRUPO
========================================================= */

.zr-group-title {
	font-size:
		clamp(24px, 2.2vw, 31px) !important;

	line-height:
		1.2 !important;

	font-weight:
		950 !important;

	letter-spacing:
		-.7px;

	color:
		#062819 !important;
}


/* =========================================================
   ETIQUETAS
========================================================= */

.zr-group-badge {
	border:
		0 !important;

	border-radius:
		999px !important;

	color:
		#052514 !important;

	background:
		linear-gradient(
			135deg,
			#f2ff4b,
			#6aff0d
		) !important;

	font-weight:
		900 !important;

	box-shadow:
		0 6px 16px rgba(0,180,70,.12) !important;
}


/* =========================================================
   BOTÃO VER GRUPO
========================================================= */

.zr-group-button {
	position: relative;

	display: inline-flex !important;

	align-items: center;
	justify-content: center;

	min-height:
		49px;

	padding:
		11px 25px !important;

	border:
		0 !important;

	border-radius:
		15px !important;

	color:
		#052513 !important;

	font-size:
		15px !important;

	font-weight:
		950 !important;

	text-decoration:
		none !important;

	background:
		linear-gradient(
			120deg,
			#39ff14,
			#caff00,
			#ffd600,
			#ff8500
		) !important;

	background-size:
		260% 260% !important;

	animation:
		zr-button-color 6s ease infinite;

	box-shadow:
		0 10px 25px rgba(0,180,70,.20),
		0 0 19px rgba(57,255,20,.10) !important;

	transition:
		.27s ease !important;
}


.zr-group-button:hover {
	transform:
		translateY(-3px)
		scale(1.025);

	box-shadow:
		0 16px 35px rgba(255,122,0,.20),
		0 0 22px rgba(57,255,20,.16) !important;
}


@keyframes zr-button-color {

	0% {
		background-position:
			0% 50%;
	}

	50% {
		background-position:
			100% 50%;
	}

	100% {
		background-position:
			0% 50%;
	}
}


/* =========================================================
   ÚLTIMAS POSTAGENS
========================================================= */

.zr-latest {
	padding:
		75px 25px 80px;

	background:
		linear-gradient(
			180deg,
			#f9fffa,
			#eff8f2
		);

	border-top:
		1px solid rgba(0,170,70,.10);
}


.zr-latest-inner {
	max-width:
		1360px;

	margin:
		0 auto;
}


.zr-latest-heading {
	text-align:
		center;

	margin-bottom:
		38px;
}


.zr-latest-heading > span {
	color:
		#00a347;

	font-size:
		12px;

	font-weight:
		950;

	letter-spacing:
		1.8px;
}


.zr-latest-heading h2 {
	margin:
		7px 0 8px;

	font-size:
		clamp(37px, 4vw, 56px);

	line-height:
		1.05;

	font-weight:
		950;

	letter-spacing:
		-1.8px;

	color:
		#052718;
}


.zr-latest-heading p {
	margin:
		0;

	color:
		#61766a;

	font-size:
		16px;
}


.zr-latest-grid {
	display:
		grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap:
		24px;
}


.zr-latest-card {
	overflow:
		hidden;

	background:
		#ffffff;

	border:
		1px solid rgba(0,180,70,.14);

	border-radius:
		23px;

	box-shadow:
		0 16px 40px rgba(0,70,30,.09);

	transition:
		.3s ease;
}


.zr-latest-card:hover {
	transform:
		translateY(-6px);

	box-shadow:
		0 25px 55px rgba(0,75,33,.15);
}


.zr-latest-image {
	display:
		block;

	overflow:
		hidden;

	aspect-ratio:
		16 / 9;
}


.zr-latest-image img {
	width:
		100%;

	height:
		100%;

	object-fit:
		cover;

	transition:
		transform .5s ease;
}


.zr-latest-card:hover img {
	transform:
		scale(1.05);
}


.zr-no-image {
	width:
		100%;

	height:
		100%;

	display:
		flex;

	align-items:
		center;
	justify-content:
		center;

	font-size:
		55px;

	background:
		linear-gradient(
			135deg,
			#39ff14,
			#ffe600,
			#ff7a00
		);
}


.zr-latest-content {
	padding:
		21px 22px 23px;
}


.zr-latest-meta {
	margin-bottom:
		7px;

	color:
		#00a347;

	font-size:
		11px;

	font-weight:
		900;

	letter-spacing:
		1px;

	text-transform:
		uppercase;
}


.zr-latest-content h3 {
	margin:
		0 0 18px;

	font-size:
		20px;

	line-height:
		1.32;

	font-weight:
		900;
}


.zr-latest-content h3 a {
	color:
		#062819 !important;

	text-decoration:
		none !important;
}


.zr-read-more {
	display:
		inline-flex;

	gap:
		8px;

	align-items:
		center;

	color:
		#008c3d !important;

	font-weight:
		900;

	text-decoration:
		none !important;
}


.zr-read-more span {
	transition:
		.2s ease;
}


.zr-read-more:hover span {
	transform:
		translateX(5px);
}


/* =========================================================
   RODAPÉ ORIGINAL GP
========================================================= */

.site-footer,
.site-info {
	display:
		none !important;
}


/* =========================================================
   NOVO RODAPÉ
========================================================= */

.zr-footer {
	position:
		relative;

	overflow:
		hidden;

	background:
		linear-gradient(
			115deg,
			#eaffee 0%,
			#f9ffd8 23%,
			#e6fff0 47%,
			#fff2c7 72%,
			#e7ffee 100%
		);

	background-size:
		400% 400%;

	animation:
		zr-footer-bg 16s ease infinite;

	color:
		#062819;
}


.zr-footer-glow {
	position:
		absolute;

	top: 0;
	left: 0;
	right: 0;

	height:
		6px;

	background:
		linear-gradient(
			90deg,
			#39ff14,
			#dfff00,
			#ffd600,
			#ff7a00,
			#ff4d00,
			#ffd600,
			#39ff14
		);

	background-size:
		400% 100%;

	animation:
		zr-footer-line 8s linear infinite;

	box-shadow:
		0 0 25px rgba(57,255,20,.30);
}


@keyframes zr-footer-bg {

	0% {
		background-position:
			0% 50%;
	}

	50% {
		background-position:
			100% 50%;
	}

	100% {
		background-position:
			0% 50%;
	}

}


@keyframes zr-footer-line {

	from {
		background-position:
			0 0;
	}

	to {
		background-position:
			400% 0;
	}

}


.zr-footer-inner {
	max-width:
		1480px;

	margin:
		0 auto;

	padding:
		38px 38px 0;
}


.zr-footer-top {
	display:
		flex;

	align-items:
		center;

	justify-content:
		space-between;

	gap:
		30px;
}


.zr-footer-logo {
	width:
		270px;

	max-width:
		100%;

	height:
		auto;
}


.zr-security-area {
	display:
		flex;

	gap:
		14px;
}


.zr-security-card {
	min-width:
		220px;

	display:
		flex;

	align-items:
		center;

	gap:
		13px;

	padding:
		15px 19px;

	border:
		1px solid rgba(0,140,60,.13);

	border-radius:
		15px;

	background:
		rgba(255,255,255,.70);

	box-shadow:
		0 8px 24px rgba(0,70,30,.06);
}


.zr-security-icon {
	width:
		42px;

	height:
		42px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	border-radius:
		12px;

	background:
		linear-gradient(
			135deg,
			#dfff00,
			#39ff14
		);

	font-size:
		21px;
}


.zr-security-card small {
	display:
		block;

	color:
		#567265;

	font-size:
		9px;

	font-weight:
		950;

	letter-spacing:
		1px;
}


.zr-security-card strong {
	display:
		block;

	color:
		#052718;

	font-size:
		15px;
}


.zr-footer-divider {
	height:
		1px;

	margin:
		26px 0;

	background:
		rgba(0,80,35,.13);
}


.zr-footer-text {
	font-size:
		16px;

	line-height:
		1.82;

	color:
		#193c2a;
}


.zr-footer-text strong {
	color:
		#062819;
}


.zr-footer-menu {
	display:
		flex;

	flex-wrap:
		wrap;

	gap:
		9px;

	align-items:
		center;

	margin:
		27px 0 30px;
}


.zr-footer-menu a {
	color:
		#07552b !important;

	font-size:
		15px;

	font-weight:
		900;

	text-decoration:
		none !important;
}


.zr-footer-menu a:hover {
	color:
		#ff6b00 !important;
}


.zr-footer-menu span {
	color:
		#83a894;
}


.zr-footer-bottom {
	margin-left:
		-38px;

	margin-right:
		-38px;

	padding:
		20px 25px;

	text-align:
		center;

	font-size:
		15px;

	font-weight:
		900;

	color:
		#052718;

	background:
		rgba(0,80,35,.055);

	border-top:
		1px solid rgba(0,80,35,.10);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.zr-brand-inner {
		grid-template-columns:
			280px minmax(0,1fr);

		gap:
			24px;

		padding:
			24px 20px;
	}

	.zr-categories a {
		min-height:
			44px;

		padding:
			9px 16px;

		font-size:
			13px;
	}

	.zr-latest-grid {
		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

	.zr-top-menu-inner {
		padding:
			9px 8px;
	}


	.zr-nav-institucional {
		gap:
			5px;
	}


	.zr-nav-institucional a {
		min-height:
			37px;

		padding:
			7px 11px;

		font-size:
			11px;
	}


	.zr-search > summary {
		width:
			40px;

		height:
			40px;

		border-radius:
			12px;
	}


	.zr-brand-inner {
		display:
			flex;

		flex-direction:
			column;

		gap:
			20px;

		padding:
			22px 13px 25px;
	}


	.zr-main-logo {
		max-width:
			310px !important;
	}


	.zr-category-side {
		width:
			100%;
	}


	.zr-category-title {
		justify-content:
			center;

		flex-direction:
			column;

		align-items:
			center;

		gap:
			2px;

		text-align:
			center;
	}


	.zr-category-row {
		align-items:
			flex-start;

		gap:
			8px;
	}


	.zr-categories {
		justify-content:
			center;

		gap:
			6px;
	}


	.zr-categories a {
		min-height:
			39px;

		padding:
			7px 11px;

		font-size:
			11px;

		border-radius:
			11px;
	}


	.zr-search-popup {
		position:
			fixed;

		top:
			70px;

		left:
			12px;

		right:
			12px;

		width:
			auto;

		max-width:
			none;
	}


	.zr-featured-title {
		font-size:
			38px !important;
	}


	.zr-group-card {
		border-radius:
			22px !important;
	}


	.zr-group-image-wrapper {
		margin:
			9px !important;

		border-radius:
			18px !important;
	}


	.zr-group-image,
	.zr-group-card img {
		border-radius:
			14px !important;
	}


	.zr-latest {
		padding:
			55px 14px;
	}


	.zr-latest-grid {
		grid-template-columns:
			1fr;
	}


	.zr-footer-inner {
		padding:
			30px 18px 0;
	}


	.zr-footer-top {
		flex-direction:
			column;

		align-items:
			flex-start;
	}


	.zr-footer-brand {
		width:
			100%;

		text-align:
			center;
	}


	.zr-footer-logo {
		width:
			230px;
	}


	.zr-security-area {
		width:
			100%;

		display:
			grid;

		grid-template-columns:
			1fr 1fr;

		gap:
			8px;
	}


	.zr-security-card {
		min-width:
			0;

		padding:
			11px;
	}


	.zr-security-icon {
		width:
			36px;

		height:
			36px;
	}


	.zr-footer-text {
		font-size:
			14px;

		line-height:
			1.7;
	}


	.zr-footer-menu {
		justify-content:
			center;

		text-align:
			center;
	}


	.zr-footer-bottom {
		margin-left:
			-18px;

		margin-right:
			-18px;
	}

}
/* =========================================================
   AJUSTES FINAIS PEDIDOS
========================================================= */

/* ---------------------------------------------------------
   LOGO MENOR E MAIS À ESQUERDA
--------------------------------------------------------- */
.zr-brand-inner {
	grid-template-columns: 270px minmax(0,1fr) !important;
	gap: 24px !important;
	padding: 24px 24px !important;
}

.zr-brand-logo {
	justify-content: flex-start !important;
	padding-left: 6px !important;
}

.zr-main-logo {
	max-width: 285px !important;
	width: 100% !important;
	height: auto !important;
}

/* ---------------------------------------------------------
   TÍTULO DA ÁREA DE CATEGORIAS
--------------------------------------------------------- */
.zr-category-title {
	display: block !important;
	text-align: center !important;
	margin: 0 0 18px !important;
}

.zr-category-title span,
.zr-category-title strong {
	display: none !important;
}

.zr-category-title::before {
	content: "Descubra Grupos Maravilhosos";
	display: block;
	text-align: center;
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.08;
	font-weight: 950;
	letter-spacing: -1.4px;
	color: #062819;
	text-shadow: 0 2px 0 rgba(255,255,255,.8);
	margin-bottom: 8px;
}

.zr-category-title::after {
	content: "";
	display: block;
	width: 130px;
	height: 6px;
	margin: 10px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #39ff14, #ffd600, #ff7a00);
	box-shadow: 0 0 18px rgba(57,255,20,.18);
}

/* ---------------------------------------------------------
   CATEGORIAS EM 3 LINHAS
--------------------------------------------------------- */
.zr-category-row {
	display: grid !important;
	grid-template-columns: minmax(0,1fr) 62px !important;
	align-items: start !important;
	gap: 16px !important;
}

.zr-categories {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
	gap: 12px !important;
	align-items: stretch !important;
}

.zr-categories a {
	min-height: 54px !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	border-radius: 16px !important;
	padding: 12px 18px !important;
}

/* ---------------------------------------------------------
   REMOVE A BARRA CINZA DUPLICADA
--------------------------------------------------------- */
.navigation-search,
.main-navigation .search-form,
.site-header .search-form,
.gp-search-modal,
.search-modal-form,
.search-item,
.wp-block-search:not(.zr-search-form),
form.search-form:not(.zr-search-form) {
	display: none !important;
}

/* ---------------------------------------------------------
   HERO DO PLUGIN (BLOCO PRINCIPAL)
--------------------------------------------------------- */
.zr-directory-main-title {
	font-size: clamp(42px, 4.3vw, 66px) !important;
	line-height: 1.02 !important;
	font-weight: 950 !important;
	letter-spacing: -2px !important;
	color: #062819 !important;
}

.zr-directory-subtitle {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #426356 !important;
}

/* INPUT PRINCIPAL */
.zr-directory-search-input {
	height: 62px !important;
	background: #eef5f0 !important;
	border: 2px solid #dce7df !important;
	border-radius: 18px !important;
	color: #1c382d !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	padding: 0 20px !important;
	box-shadow: none !important;
	outline: none !important;
}

.zr-directory-search-input::placeholder {
	color: #53695f !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	opacity: 1 !important;
}

.zr-directory-search-input:focus {
	border-color: #39ff14 !important;
	box-shadow: 0 0 0 4px rgba(57,255,20,.12) !important;
}

/* SELECT */
.zr-directory-search-select {
	height: 62px !important;
	background: #ffffff !important;
	border: 2px solid #dce7df !important;
	border-radius: 18px !important;
	color: #173427 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	padding: 0 18px !important;
}

/* BOTÃO DO BLOCO */
.zr-directory-search-btn {
	height: 62px !important;
	border: 0 !important;
	border-radius: 18px !important;
	padding: 0 26px !important;
	font-size: 18px !important;
	font-weight: 950 !important;
	color: #052513 !important;
	background: linear-gradient(135deg, #39ff14, #dfff00, #ffd600, #ff7a00) !important;
	background-size: 250% 250% !important;
	animation: zrHeroButtonFlow 7s ease infinite !important;
	box-shadow: 0 14px 30px rgba(0,180,70,.18), 0 0 16px rgba(255,122,0,.10) !important;
}

@keyframes zrHeroButtonFlow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* ---------------------------------------------------------
   DESCUBRA GRUPOS
--------------------------------------------------------- */
.zr-discover-title {
	position: relative;
	display: inline-block;
	margin-bottom: 28px !important;
	color: #062819 !important;
	font-size: clamp(38px, 4.2vw, 58px) !important;
	font-weight: 950 !important;
	letter-spacing: -1.8px !important;
	text-align: left !important;
}

.zr-discover-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 110px;
	height: 6px;
	border-radius: 999px;
	background: linear-gradient(90deg, #39ff14, #ffd600, #ff7a00);
}

/* ---------------------------------------------------------
   GRUPOS EM DESTAQUE CENTRALIZADO
--------------------------------------------------------- */
.zr-featured-heading-area {
	width: 100%;
	text-align: center !important;
	margin: 60px auto 34px !important;
}

.zr-featured-title {
	display: inline-block;
	margin: 0 auto !important;
	font-size: clamp(42px, 4.8vw, 68px) !important;
	line-height: 1.02 !important;
	font-weight: 950 !important;
	letter-spacing: -2px !important;
	color: #062819 !important;
	position: relative;
	text-align: center !important;
}

.zr-featured-title::before {
	content: "🔥 SELEÇÃO ESPECIAL";
	display: block;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: 2px;
	color: #ff6f00;
	margin-bottom: 8px;
}

.zr-featured-title::after {
	content: "";
	display: block;
	width: 150px;
	height: 7px;
	margin: 12px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, #39ff14, #ffd600, #ff7a00);
	box-shadow: 0 0 16px rgba(57,255,20,.18);
}

/* ---------------------------------------------------------
   RESPONSIVO
--------------------------------------------------------- */
@media (max-width: 1100px) {
	.zr-brand-inner {
		grid-template-columns: 240px minmax(0,1fr) !important;
	}

	.zr-categories {
		grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
	}
}

@media (max-width: 768px) {
	.zr-brand-inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 18px !important;
		padding: 20px 14px 22px !important;
	}

	.zr-brand-logo {
		justify-content: center !important;
		padding-left: 0 !important;
	}

	.zr-main-logo {
		max-width: 250px !important;
	}

	.zr-category-title::before {
		font-size: 28px !important;
	}

	.zr-category-row {
		grid-template-columns: 1fr !important;
	}

	.zr-categories {
		grid-template-columns: repeat(2, minmax(0,1fr)) !important;
	}

	.zr-categories a {
		min-height: 44px !important;
		font-size: 12px !important;
		padding: 9px 10px !important;
	}

	.zr-directory-search-input,
	.zr-directory-search-select,
	.zr-directory-search-btn {
		height: 52px !important;
		font-size: 15px !important;
	}
}
/* =========================================================
   CARD DOS GRUPOS - VERSÃO MAIS TOP
========================================================= */

/* CARD PRINCIPAL */
.zr-group-card {
	background: linear-gradient(180deg, #ffffff 0%, #fbfff8 100%) !important;
	border: 2px solid transparent !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow:
		0 18px 45px rgba(0, 90, 35, .14),
		0 0 0 1px rgba(57,255,20,.10) !important;
	position: relative;
	transition: transform .30s ease, box-shadow .30s ease !important;
}

.zr-group-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 2px;
	border-radius: 18px;
	background: linear-gradient(
		135deg,
		#39ff14 0%,
		#dfff00 22%,
		#ffd600 45%,
		#ff8500 70%,
		#39ff14 100%
	);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.zr-group-card:hover {
	transform: translateY(-6px);
	box-shadow:
		0 28px 65px rgba(0, 95, 40, .18),
		0 0 24px rgba(255, 122, 0, .10) !important;
}

/* WRAPPER DA IMAGEM */
.zr-group-image-wrapper {
	margin: 12px !important;
	padding: 3px !important;
	border-radius: 14px !important;
	background: linear-gradient(
		135deg,
		#39ff14 0%,
		#dfff00 25%,
		#ffd600 50%,
		#ff7a00 75%,
		#39ff14 100%
	) !important;
	background-size: 250% 250% !important;
	animation: zrCardBorderFlow 6s ease infinite;
	box-shadow:
		0 10px 24px rgba(0,90,35,.16),
		0 0 15px rgba(57,255,20,.09) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
}

@keyframes zrCardBorderFlow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.zr-group-image,
.zr-group-card img {
	width: 100% !important;
	display: block !important;
	aspect-ratio: 16/9 !important;
	object-fit: cover !important;
	border-radius: 11px !important;
	border: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	transition: transform .45s ease, filter .45s ease !important;
}

.zr-group-card:hover .zr-group-image,
.zr-group-card:hover img {
	transform: scale(1.03);
	filter: saturate(1.08) contrast(1.04);
}

/* BADGE DA CATEGORIA ACIMA DA IMAGEM */
.zr-group-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 40px !important;
	padding: 9px 18px !important;
	border-radius: 12px !important;
	font-size: 15px !important;
	font-weight: 950 !important;
	letter-spacing: .2px !important;
	color: #062514 !important;
	background: linear-gradient(135deg, #39ff14 0%, #dfff00 50%, #ffd600 100%) !important;
	border: 1px solid rgba(255,255,255,.55) !important;
	box-shadow:
		0 8px 20px rgba(0,180,70,.16),
		0 0 16px rgba(255,214,0,.10) !important;
}

/* TÍTULO DO GRUPO */
.zr-group-title {
	font-size: clamp(29px, 2.2vw, 34px) !important;
	line-height: 1.12 !important;
	font-weight: 950 !important;
	letter-spacing: -.8px !important;
	color: #062819 !important;
	margin-top: 8px !important;
	margin-bottom: 10px !important;
}

/* TEXTO DESCRIÇÃO */
.zr-group-card p {
	color: #5a7064 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
}

/* REMOVE META INTERNA VISUALMENTE */
.zr-group-card small,
.zr-group-card .entry-meta,
.zr-group-card .post-meta,
.zr-group-card .meta,
.zr-group-card .zr-card-meta-hide {
	display: none !important;
}

/* ÁREA INFERIOR DO BOTÃO */
.zr-group-card .zr-group-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 58px !important;
	padding: 14px 24px !important;
	border-radius: 14px !important;
	border: 0 !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	letter-spacing: -.2px !important;
	color: #052513 !important;
	text-decoration: none !important;
	background: linear-gradient(
		135deg,
		#39ff14 0%,
		#dfff00 30%,
		#ffd600 62%,
		#ff8500 100%
	) !important;
	background-size: 250% 250% !important;
	animation: zrButtonFlow 5.5s ease infinite !important;
	box-shadow:
		0 14px 28px rgba(0,190,75,.20),
		0 0 18px rgba(255,122,0,.12) !important;
	text-align: center !important;
}

@keyframes zrButtonFlow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.zr-group-card .zr-group-button:hover {
	transform: translateY(-2px) scale(1.01);
	box-shadow:
		0 18px 35px rgba(255,122,0,.20),
		0 0 22px rgba(57,255,20,.16) !important;
}

/* CASO EXISTA BOTÃO REDONDO AO LADO, ESCONDE */
.zr-group-card a[aria-label*="grupo"] + a,
.zr-group-card .button-icon,
.zr-group-card .icon-arrow,
.zr-group-card [class*="arrow"],
.zr-group-card [class*="icon"] {
	max-width: 100%;
}

/* ÁREA INTERNA MAIS BONITA */
.zr-group-card > div,
.zr-group-card > article,
.zr-group-card > section {
	padding-bottom: 16px !important;
}

/* RESPONSIVO */
@media (max-width: 768px) {
	.zr-group-card {
		border-radius: 16px !important;
	}

	.zr-group-card::before {
		border-radius: 16px !important;
	}

	.zr-group-image-wrapper {
		border-radius: 12px !important;
		margin: 10px !important;
	}

	.zr-group-image,
	.zr-group-card img {
		border-radius: 10px !important;
	}

	.zr-group-badge {
		min-height: 34px !important;
		padding: 7px 14px !important;
		font-size: 13px !important;
	}

	.zr-group-title {
		font-size: 24px !important;
	}

	.zr-group-card .zr-group-button {
		min-height: 52px !important;
		font-size: 17px !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL RESPONSIVA — PRESERVA DESKTOP EXISTENTE
   IMPORTANTE: este bloco deve permanecer NO FINAL do CSS.
   Ele sobrescreve apenas ajustes responsivos e a lupa
   exclusiva da área de categorias.
========================================================= */

.zr-search-categorias {
	display: none !important;
}

.zr-top-menu .zr-search {
	display: block !important;
	position: relative !important;
	flex: 0 0 auto !important;
	width: auto !important;
	height: auto !important;
	max-width: 48px !important;
}

.zr-top-menu .zr-search > summary {
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	min-height: 42px !important;
	max-width: 42px !important;
	max-height: 42px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.zr-top-menu .zr-search > summary svg {
	display: block !important;
	width: 21px !important;
	height: 21px !important;
	min-width: 21px !important;
	min-height: 21px !important;
	max-width: 21px !important;
	max-height: 21px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
}

@media (max-width: 768px) {
	.zr-top-menu { width: 100% !important; overflow: hidden !important; }
	.zr-top-menu-inner {
		width: 100% !important; max-width: none !important;
		display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
		align-items: center !important; justify-content: flex-start !important;
		gap: 4px !important; padding: 5px 6px !important; margin: 0 !important;
		overflow-x: auto !important; overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch; scroll-behavior: smooth; scrollbar-width: none;
	}
	.zr-top-menu-inner::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
	.zr-nav-institucional {
		display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
		align-items: center !important; justify-content: flex-start !important;
		gap: 4px !important; width: max-content !important; min-width: max-content !important;
		margin: 0 !important; padding: 0 !important; white-space: nowrap !important;
	}
	.zr-nav-institucional a {
		flex: 0 0 auto !important; min-height: 30px !important; padding: 5px 9px !important;
		border-radius: 999px !important; font-size: 10px !important; line-height: 1 !important; white-space: nowrap !important;
	}
	.zr-top-menu .zr-search { display:block !important; flex:0 0 auto !important; width:31px !important; height:31px !important; max-width:31px !important; max-height:31px !important; }
	.zr-top-menu .zr-search > summary { width:31px !important; height:31px !important; min-width:31px !important; min-height:31px !important; max-width:31px !important; max-height:31px !important; padding:0 !important; border-radius:9px !important; }
	.zr-top-menu .zr-search > summary svg { width:15px !important; height:15px !important; min-width:15px !important; min-height:15px !important; max-width:15px !important; max-height:15px !important; }
	.zr-search-popup { position: fixed !important; top:43px !important; left:7px !important; right:7px !important; width:auto !important; max-width:none !important; padding:6px !important; border-radius:12px !important; }

	.zr-brand-section { margin:0 !important; padding:0 !important; }
	.zr-brand-inner {
		display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
		gap:4px !important; width:100% !important; max-width:100% !important; padding:6px 7px 8px !important; margin:0 auto !important;
	}
	.zr-brand-logo { display:flex !important; width:100% !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; }
	.zr-brand-logo a { display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; }
	.zr-main-logo { display:block !important; width:auto !important; height:auto !important; max-width:138px !important; max-height:76px !important; margin:0 auto !important; padding:0 !important; }

	.zr-category-side { width:100% !important; margin:0 !important; padding:0 !important; }
	.zr-category-title { display:block !important; width:100% !important; margin:0 0 4px !important; padding:0 !important; text-align:center !important; }
	.zr-category-title span, .zr-category-title strong { display:none !important; }
	.zr-category-title::before { content:'Descubra Grupos Maravilhosos' !important; display:block !important; margin:0 !important; padding:0 !important; font-size:19px !important; line-height:1.05 !important; font-weight:950 !important; letter-spacing:-.55px !important; text-align:center !important; color:#062819 !important; }
	.zr-category-title::after { content:'' !important; display:block !important; width:65px !important; height:3px !important; margin:4px auto 0 !important; border-radius:999px !important; background:linear-gradient(90deg,#39ff14,#ffd600,#ff7a00) !important; }

	.zr-category-row { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; }
	.zr-categories { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; align-items:stretch !important; width:100% !important; gap:4px !important; margin:0 !important; padding:0 !important; }
	.zr-categories a { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-width:0 !important; min-height:32px !important; margin:0 !important; padding:5px !important; border-radius:8px !important; font-size:9.5px !important; line-height:1.08 !important; font-weight:900 !important; text-align:center !important; }

	.zr-directory-main-title { font-size:29px !important; line-height:1.02 !important; letter-spacing:-.9px !important; }
	.zr-directory-subtitle { font-size:13px !important; line-height:1.35 !important; }
	.zr-directory-search-input, .zr-directory-search-select, .zr-directory-search-btn { height:46px !important; font-size:13px !important; border-radius:10px !important; }
	.zr-directory-search-input { padding-left:12px !important; padding-right:12px !important; }
	.zr-directory-search-input::placeholder { font-size:13px !important; }
	.zr-discover-title { margin-bottom:16px !important; font-size:28px !important; line-height:1.03 !important; letter-spacing:-1px !important; }

	.zr-featured-heading-area { width:100% !important; margin:27px auto 18px !important; padding:0 4px !important; text-align:center !important; overflow:visible !important; }
	.zr-featured-title { display:inline-block !important; width:auto !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; font-size:clamp(24px,7.2vw,33px) !important; line-height:1 !important; font-weight:950 !important; letter-spacing:-1.25px !important; text-align:center !important; }
	.zr-featured-title::before { content:'🔥 SELEÇÃO ESPECIAL' !important; position:static !important; display:block !important; transform:none !important; margin:0 0 5px !important; white-space:nowrap !important; font-size:8px !important; line-height:1 !important; font-weight:950 !important; letter-spacing:1.25px !important; }
	.zr-featured-title::after { position:static !important; display:block !important; width:82px !important; height:4px !important; transform:none !important; margin:7px auto 0 !important; }

	.zr-group-card { border-radius:13px !important; }
	.zr-group-card::before { border-radius:13px !important; }
	.zr-group-image-wrapper { margin:6px !important; padding:3px !important; border-radius:9px !important; }
	.zr-group-image, .zr-group-card img { border-radius:6px !important; }
	.zr-group-badge { min-height:30px !important; padding:5px 10px !important; border-radius:7px !important; font-size:11px !important; }
	.zr-group-title { font-size:21px !important; line-height:1.12 !important; margin-top:5px !important; margin-bottom:6px !important; }
	.zr-group-card p { font-size:13px !important; line-height:1.45 !important; }
	.zr-group-card .zr-group-button { min-height:48px !important; padding:9px 12px !important; border-radius:8px !important; font-size:15px !important; }

	.zr-latest { padding:34px 9px 38px !important; }
	.zr-latest-heading { margin-bottom:17px !important; }
	.zr-latest-heading h2 { margin-top:4px !important; margin-bottom:4px !important; font-size:31px !important; }
	.zr-latest-heading p { font-size:12px !important; }
	.zr-latest-grid { grid-template-columns:1fr !important; gap:10px !important; }
	.zr-latest-card { border-radius:13px !important; }
	.zr-latest-content { padding:13px 13px 15px !important; }

	.zr-footer-inner { padding:15px 9px 0 !important; }
	.zr-footer-top { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:6px !important; }
	.zr-footer-brand { width:100% !important; margin:0 !important; padding:0 !important; text-align:center !important; }
	.zr-footer-brand a { display:inline-flex !important; align-items:center !important; justify-content:center !important; }
	.zr-footer-logo { display:block !important; width:112px !important; max-width:112px !important; height:auto !important; margin:0 auto !important; }
	.zr-security-area { display:flex !important; width:auto !important; max-width:100% !important; grid-template-columns:none !important; align-items:center !important; justify-content:center !important; gap:4px !important; margin:0 !important; padding:0 !important; }
	.zr-security-card { display:flex !important; min-width:0 !important; width:auto !important; gap:4px !important; margin:0 !important; padding:5px 6px !important; border-radius:7px !important; }
	.zr-security-icon { flex:0 0 22px !important; width:22px !important; height:22px !important; border-radius:5px !important; font-size:10px !important; }
	.zr-security-card small { font-size:5.5px !important; line-height:1.05 !important; letter-spacing:.3px !important; }
	.zr-security-card strong { font-size:8px !important; line-height:1.05 !important; }
	.zr-footer-divider { margin:9px 0 !important; }
	.zr-footer-text { font-size:10.5px !important; line-height:1.5 !important; }
	.zr-footer-menu { justify-content:center !important; gap:4px !important; margin:10px 0 12px !important; text-align:center !important; }
	.zr-footer-menu a { font-size:9px !important; }
	.zr-footer-menu span { font-size:8px !important; }
	.zr-footer-bottom { margin-left:-9px !important; margin-right:-9px !important; padding:9px 7px !important; font-size:9px !important; }
}

@media (max-width: 390px) {
	.zr-nav-institucional a { padding-left:8px !important; padding-right:8px !important; font-size:9px !important; }
	.zr-main-logo { max-width:124px !important; max-height:68px !important; }
	.zr-category-title::before { font-size:17px !important; }
	.zr-categories a { min-height:30px !important; padding:4px !important; font-size:8.8px !important; }
	.zr-featured-title { font-size:23px !important; letter-spacing:-1px !important; }
	.zr-footer-logo { width:102px !important; max-width:102px !important; }
	.zr-security-card { padding:4px 5px !important; }
	.zr-security-icon { flex-basis:20px !important; width:20px !important; height:20px !important; font-size:9px !important; }
	.zr-security-card strong { font-size:7px !important; }
}

/* =========================================================
   AJUSTE FINAL — DIRETÓRIO MAIS ALTO + REMOVE DESCUBRA GRUPOS
   Preserva todas as configurações anteriores.
========================================================= */

/* A área do plugin "Descubra Grupos / Categorias / Amizades" é removida. */
.zr-plugin-discover-section,
.zr-plugin-discover-title,
.zr-discover-title {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/*
 * Sobe somente o bloco "Encontre Grupos / Grupos de WhatsApp".
 * Não altera o cabeçalho, logo, menus ou cards.
 */
.zr-directory-hero {
	position: relative !important;
	margin-top: -28px !important;
	margin-bottom: 0 !important;
}

/* Depois da busca, vai direto para Seleção Especial / Grupos em destaque. */
.zr-featured-heading-area {
	margin-top: 26px !important;
}

@media (max-width: 768px) {
	.zr-directory-hero {
		margin-top: -16px !important;
		margin-bottom: 0 !important;
	}

	.zr-featured-heading-area {
		margin-top: 18px !important;
	}

	.zr-plugin-discover-section,
	.zr-plugin-discover-title,
	.zr-discover-title {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}


/* =========================================================
   V3 — AJUSTES HERO BUSCA + TÍTULO VERDE
   Preserva todo o restante do layout.
========================================================= */

/* Remove qualquer ícone/lupa decorativa sobre o campo principal de busca */
.zr-directory-hero form i,
.zr-directory-hero form svg,
.zr-directory-hero form .fa,
.zr-directory-hero form .fas,
.zr-directory-hero form .far,
.zr-directory-hero form .fal,
.zr-directory-hero form .fab,
.zr-directory-hero form .dashicons,
.zr-directory-hero form .dashicons-search,
.zr-directory-hero form [class*="search-icon"],
.zr-directory-hero form [class*="fa-search"],
.zr-directory-hero form [class*="icon-search"] {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Campo principal sem recuo para ícone */
.zr-directory-search-input {
	padding-left: 18px !important;
	background-image: none !important;
	text-indent: 0 !important;
}

.zr-directory-search-input::before,
.zr-directory-search-input::after,
.zr-directory-hero form .search-field::before,
.zr-directory-hero form .search-field::after,
.zr-directory-hero form .search-form::before,
.zr-directory-hero form .search-form::after,
.zr-directory-hero form [class*="search"]::before,
.zr-directory-hero form [class*="search"]::after {
	background: none !important;
	content: none !important;
	display: none !important;
}

/* Rótulo verde acima do título */
.zr-directory-eyebrow {
	display: block !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: #00a347 !important;
	font-size: 12px !important;
	line-height: 1 !important;
	font-weight: 950 !important;
	letter-spacing: 1.8px !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

/* Título principal em uma linha só */
.zr-directory-main-title {
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	letter-spacing: -1.8px !important;
	font-size: clamp(38px, 4vw, 62px) !important;
}

/* Sobe um pouco o bloco de busca / hero */
.zr-directory-hero {
	margin-top: -22px !important;
	padding-top: 0 !important;
}

@media (max-width: 768px) {
	.zr-directory-eyebrow {
		margin: 0 0 6px !important;
		font-size: 10px !important;
		letter-spacing: 1.3px !important;
	}

	.zr-directory-main-title {
		white-space: nowrap !important;
		font-size: clamp(24px, 6.2vw, 38px) !important;
		line-height: 1 !important;
		letter-spacing: -1px !important;
	}

	.zr-directory-hero {
		margin-top: -14px !important;
	}

	.zr-directory-search-input {
		padding-left: 14px !important;
	}
}


/* =========================================================
   V4 — REMOVE CONTADORES + HERO MAIS ALTO/COMPACTO
========================================================= */

/* Remove qualquer chip/contador do hero */
.zr-directory-count,
.zr-directory-badge-count,
.zr-directory-hero .zr-count-chip {
	display: none !important;
}

/* Caixa branca principal mais para cima e mais compacta */
.zr-directory-hero {
	position: relative !important;
	margin-top: -42px !important;
	margin-bottom: -6px !important;
	padding-top: 0 !important;
}

/* Título e subtítulo mais juntos */
.zr-directory-eyebrow {
	margin: 0 0 5px !important;
}

.zr-directory-main-title {
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	white-space: nowrap !important;
	font-size: clamp(34px, 3.6vw, 58px) !important;
	line-height: .98 !important;
}

.zr-directory-subtitle {
	margin-top: 0 !important;
	margin-bottom: 12px !important;
	font-size: 16px !important;
}

/* Puxa a caixa branca interna do plugin para cima e reduz espaços */
.zr-directory-hero > div,
.zr-directory-hero section,
.zr-directory-hero article {
	margin-top: 0 !important;
}

/* Caso o container branco do plugin tenha padding excessivo */
.zr-directory-hero form,
.zr-directory-hero .wp-block-search,
.zr-directory-hero .search-form {
	margin-top: 0 !important;
}

/* Menos espaço entre hero e seleção especial */
.zr-featured-heading-area {
	margin-top: 16px !important;
	margin-bottom: 18px !important;
}

@media (max-width: 768px) {
	.zr-directory-hero {
		margin-top: -28px !important;
		margin-bottom: -4px !important;
	}

	.zr-directory-eyebrow {
		margin: 0 0 4px !important;
		font-size: 10px !important;
		letter-spacing: 1.2px !important;
	}

	.zr-directory-main-title {
		font-size: clamp(22px, 5.6vw, 34px) !important;
		line-height: 1 !important;
		margin-bottom: 6px !important;
	}

	.zr-directory-subtitle {
		font-size: 12px !important;
		margin-bottom: 9px !important;
	}

	.zr-featured-heading-area {
		margin-top: 10px !important;
		margin-bottom: 12px !important;
	}
}


/* =========================================================
   V5 — HERO MAIS ALTO + TÍTULO VERDE + BUSCA MOBILE MAIS JUNTA
   Preserva todas as demais configurações anteriores.
========================================================= */

/* O rótulo verde antigo acima do H1 não deve aparecer */
.zr-directory-eyebrow {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* O próprio título principal assume o verde do rótulo removido */
.zr-directory-main-title {
	color: #00a347 !important;
	margin-top: -8px !important;
	margin-bottom: 6px !important;
	white-space: nowrap !important;
}

/* Caixa branca inteira mais alta no desktop */
.zr-directory-hero {
	margin-top: -56px !important;
	padding-top: 0 !important;
}

/* Subtítulo mais perto da busca */
.zr-directory-subtitle {
	margin-top: 0 !important;
	margin-bottom: 7px !important;
}

/* Aproxima o formulário do subtítulo */
.zr-directory-hero form,
.zr-directory-hero .search-form,
.zr-directory-hero .wp-block-search,
.zr-directory-hero [class*="search-row"],
.zr-directory-hero [class*="search-wrap"],
.zr-directory-hero [class*="search-box"] {
	margin-top: 0 !important;
}

@media (max-width: 768px) {
	/* Sobe bastante a caixa branca inteira no mobile */
	.zr-directory-hero {
		margin-top: -46px !important;
		padding-top: 0 !important;
	}

	/* Sobe mais o título e mantém em uma linha */
	.zr-directory-main-title {
		margin-top: -10px !important;
		margin-bottom: 4px !important;
		font-size: clamp(22px, 5.5vw, 33px) !important;
		line-height: .98 !important;
		color: #00a347 !important;
		white-space: nowrap !important;
	}

	/* Quase encosta a pesquisa no subtítulo */
	.zr-directory-subtitle {
		margin-top: 0 !important;
		margin-bottom: 2px !important;
		line-height: 1.2 !important;
	}

	.zr-directory-hero form,
	.zr-directory-hero .search-form,
	.zr-directory-hero .wp-block-search,
	.zr-directory-hero [class*="search-row"],
	.zr-directory-hero [class*="search-wrap"],
	.zr-directory-hero [class*="search-box"] {
		margin-top: -3px !important;
		padding-top: 0 !important;
	}

	/* Menos espaço vertical interno no bloco de busca */
	.zr-directory-hero input,
	.zr-directory-hero select,
	.zr-directory-hero button {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}


/* =========================================================
   V6 — REMOVE SOMENTE "ENCONTRE GRUPOS"
   Todo o restante da V5 permanece inalterado.
========================================================= */

.zr-directory-eyebrow-removed {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}


/* =========================================================
   V7 — DESCE UM POUCO O TÍTULO "GRUPOS DE WHATSAPP"
   Sem alterar o restante.
========================================================= */

.zr-directory-main-title {
	margin-top: 12px !important;
}

@media (max-width: 768px) {
	.zr-directory-main-title {
		margin-top: 8px !important;
	}
}


/* =========================================================
   V8 — CENTRALIZA TÍTULO E SUBTÍTULO DENTRO DA CAIXA BRANCA
   Último ajuste solicitado. Preserva todo o restante.
========================================================= */

.zr-directory-hero {
	text-align: center !important;
}

.zr-directory-main-title {
	display: block !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

.zr-directory-subtitle {
	display: block !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

@media (max-width: 768px) {
	.zr-directory-main-title,
	.zr-directory-subtitle {
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}


/* =========================================================
   V9 — CENTRALIZAÇÃO REAL DO TÍTULO E SUBTÍTULO
   Faz o wrapper ocupar 100% da caixa branca.
========================================================= */

.zr-directory-heading-row,
.zr-directory-heading-wrap {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center !important;
}

.zr-directory-heading-row {
	display: block !important;
	grid-template-columns: 1fr !important;
	grid-column: 1 / -1 !important;
	justify-content: center !important;
	align-items: center !important;
}

.zr-directory-heading-wrap {
	display: block !important;
	flex: 0 0 100% !important;
	grid-column: 1 / -1 !important;
	justify-self: stretch !important;
	align-self: stretch !important;
}

.zr-directory-main-title,
.zr-directory-subtitle {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center !important;
	transform: none !important;
	left: auto !important;
	right: auto !important;
}

/* Neutraliza colunas/flex do cabeçalho interno do plugin. */
.zr-directory-hero .zr-directory-heading-wrap > .zr-directory-main-title,
.zr-directory-hero .zr-directory-heading-wrap > .zr-directory-subtitle {
	float: none !important;
}

@media (max-width: 768px) {
	.zr-directory-heading-row,
	.zr-directory-heading-wrap,
	.zr-directory-main-title,
	.zr-directory-subtitle {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
		transform: none !important;
	}
}


/* =========================================================
   V10 — BUSCA DO HERO MAIS COMPACTA SOMENTE NO DESKTOP
   Preserva integralmente o mobile e todo o restante.
========================================================= */

@media (min-width: 769px) {

	/* Deixa a faixa da busca menor e centralizada */
	.zr-directory-hero form,
	.zr-directory-hero .search-form,
	.zr-directory-hero .wp-block-search,
	.zr-directory-hero [class*="search-row"],
	.zr-directory-hero [class*="search-wrap"],
	.zr-directory-hero [class*="search-box"] {
		width: 88% !important;
		max-width: 940px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* Campo Pesquise Grupos Aqui */
	.zr-directory-search-input {
		height: 50px !important;
		font-size: 15px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		border-radius: 13px !important;
	}

	.zr-directory-search-input::placeholder {
		font-size: 15px !important;
	}

	/* Select de categorias */
	.zr-directory-search-select {
		height: 50px !important;
		font-size: 15px !important;
		padding-left: 14px !important;
		padding-right: 34px !important;
		border-radius: 13px !important;
	}

	/* Botão Encontrar grupos */
	.zr-directory-search-btn {
		height: 50px !important;
		min-height: 50px !important;
		font-size: 15px !important;
		padding-left: 22px !important;
		padding-right: 22px !important;
		border-radius: 13px !important;
	}

	/* Compacta o espaço interno da faixa */
	.zr-directory-hero form > *,
	.zr-directory-hero .search-form > *,
	.zr-directory-hero [class*="search-row"] > *,
	.zr-directory-hero [class*="search-wrap"] > *,
	.zr-directory-hero [class*="search-box"] > * {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}


/* =========================================================
   V11 — BOTÃO MOBILE PARA ABRIR / RECOLHER CATEGORIAS
   Preserva desktop e todas as configurações anteriores.
========================================================= */

/* Desktop: botão não aparece e categorias continuam normais */
.zr-mobile-category-toggle {
	display: none !important;
}

@media (max-width: 768px) {

	/* Remove a linha decorativa antiga porque o botão assume esse lugar */
	.zr-category-title::after {
		display: none !important;
		content: none !important;
	}

	/* Botão Menu logo abaixo de Descubra Grupos Maravilhosos */
	.zr-mobile-category-toggle {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 7px !important;

		width: 108px !important;
		min-height: 31px !important;

		margin: 5px auto 4px !important;
		padding: 5px 13px !important;

		border: 0 !important;
		border-radius: 999px !important;

		background:
			linear-gradient(
				90deg,
				#39ff14 0%,
				#ffd600 52%,
				#ff7a00 100%
			) !important;

		background-size: 180% 100% !important;

		color: #052616 !important;
		font-size: 11px !important;
		line-height: 1 !important;
		font-weight: 950 !important;
		letter-spacing: .35px !important;
		text-transform: uppercase !important;

		box-shadow:
			0 7px 17px rgba(0, 165, 65, .15),
			0 0 14px rgba(255, 183, 0, .10) !important;

		cursor: pointer !important;
		-webkit-tap-highlight-color: transparent !important;
		transition: transform .22s ease, box-shadow .22s ease, background-position .35s ease !important;
	}

	.zr-mobile-category-toggle:active {
		transform: scale(.97) !important;
	}

	.zr-mobile-category-toggle[aria-expanded="true"] {
		background-position: 100% 50% !important;
		box-shadow:
			0 9px 20px rgba(255, 122, 0, .17),
			0 0 16px rgba(57, 255, 20, .13) !important;
	}

	.zr-mobile-category-toggle-arrow {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 16px !important;
		height: 16px !important;
		font-size: 15px !important;
		line-height: 1 !important;
		font-weight: 950 !important;
		transform: translateY(-1px) rotate(0deg) !important;
		transition: transform .22s ease !important;
	}

	.zr-mobile-category-toggle[aria-expanded="true"] .zr-mobile-category-toggle-arrow {
		transform: translateY(1px) rotate(180deg) !important;
	}

	/* Menu começa recolhido SOMENTE no mobile */
	#zr-mobile-category-menu {
		display: grid !important;
		grid-template-rows: 0fr !important;
		opacity: 0 !important;
		visibility: hidden !important;
		margin-top: 0 !important;
		transition: grid-template-rows .28s ease, opacity .22s ease, margin-top .22s ease !important;
	}

	#zr-mobile-category-menu > .zr-categories {
		min-height: 0 !important;
		overflow: hidden !important;
	}

	#zr-mobile-category-menu.zr-mobile-menu-open {
		grid-template-rows: 1fr !important;
		opacity: 1 !important;
		visibility: visible !important;
		margin-top: 4px !important;
	}

	#zr-mobile-category-menu.zr-mobile-menu-open > .zr-categories {
		overflow: visible !important;
	}

	/* Mantém tudo compacto quando o menu é aberto */
	#zr-mobile-category-menu .zr-categories {
		gap: 4px !important;
	}
}

@media (max-width: 390px) {
	.zr-mobile-category-toggle {
		width: 100px !important;
		min-height: 29px !important;
		font-size: 10px !important;
		padding: 4px 11px !important;
	}
}

/* =========================================================
   GWP 1.2.0 — NOVOS GRUPOS
   Segunda vitrine da home, visual mais vibrante que Destaques.
========================================================= */

.gwp-new-groups {
	position: relative !important;
	margin-top: 30px !important;
	padding: 28px 24px 30px !important;
	border: 1px solid rgba(255, 153, 0, .16) !important;
	border-radius: 22px !important;
	background:
		radial-gradient(circle at 4% 8%, rgba(57,255,20,.13), transparent 26%),
		radial-gradient(circle at 94% 14%, rgba(255,105,0,.13), transparent 27%),
		radial-gradient(circle at 50% 100%, rgba(255,214,0,.10), transparent 32%),
		linear-gradient(145deg, #fbfff8 0%, #fffdf3 48%, #fff8ef 100%) !important;
	box-shadow: 0 18px 48px rgba(0,74,32,.07), 0 0 24px rgba(255,166,0,.045) !important;
	overflow: hidden !important;
}

.gwp-new-groups::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg,#39ff14 0%,#cfff00 20%,#ffd600 42%,#ff7a00 63%,#ff3d77 82%,#39ff14 100%);
	background-size: 260% 100%;
	animation: gwp-new-groups-flow 7s linear infinite;
}

@keyframes gwp-new-groups-flow {
	from { background-position: 0 0; }
	to { background-position: 260% 0; }
}

.zr-new-groups-heading-area {
	display: block !important;
	width: 100% !important;
	margin: 0 auto 22px !important;
	text-align: center !important;
}

.zr-new-groups-heading-area > div {
	width: 100% !important;
	text-align: center !important;
}

.zr-new-groups-heading-area > div > span {
	display: block !important;
	margin: 0 0 7px !important;
	color: #ff6500 !important;
	font-size: 10px !important;
	line-height: 1 !important;
	font-weight: 950 !important;
	letter-spacing: 1.8px !important;
	text-transform: uppercase !important;
}

.zr-new-groups-title {
	display: inline-block !important;
	position: relative !important;
	margin: 0 auto !important;
	font-size: clamp(38px,4.25vw,62px) !important;
	line-height: 1 !important;
	font-weight: 950 !important;
	letter-spacing: -2px !important;
	color: #05321d !important;
	white-space: nowrap !important;
}

.zr-new-groups-title::after {
	content: "";
	display: block;
	width: 122px;
	height: 6px;
	margin: 10px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg,#ff4d00,#ffd600,#39ff14,#ff3d77);
	box-shadow: 0 0 16px rgba(255,122,0,.13);
}

.zr-new-groups-heading-area p {
	margin: 12px auto 0 !important;
	max-width: 620px !important;
	color: #5b6f62 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

/* Moldura mais viva nos cards novos */
.gwp-new-groups .zr-group-card {
	background:
		linear-gradient(#ffffff,#ffffff) padding-box,
		linear-gradient(125deg,#39ff14 0%,#dfff00 18%,#ffd600 38%,#ff7a00 58%,#ff3d77 78%,#39ff14 100%) border-box !important;
	border: 3px solid transparent !important;
	box-shadow: 0 20px 48px rgba(0,92,39,.15), 0 0 20px rgba(255,107,0,.08) !important;
}

.gwp-new-groups .zr-group-card::before {
	background: linear-gradient(90deg,#39ff14,#e8ff00,#ffd600,#ff6500,#ff3d77,#ffd600,#39ff14) !important;
	background-size: 300% 100% !important;
}

.gwp-new-groups .zr-group-image-wrapper {
	background: linear-gradient(120deg,#39ff14,#dfff00,#ffd600,#ff6500,#ff3d77,#39ff14) !important;
	background-size: 300% 300% !important;
}

.gwp-new-groups .zr-group-badge {
	background: linear-gradient(135deg,#ff7a00 0%,#ffd600 42%,#a8ff00 75%,#39ff14 100%) !important;
	color: #092817 !important;
	box-shadow: 0 8px 20px rgba(255,122,0,.18), 0 0 16px rgba(57,255,20,.10) !important;
}

.gwp-new-groups .zr-group-button {
	background: linear-gradient(120deg,#39ff14 0%,#cfff00 25%,#ffd600 48%,#ff7a00 71%,#ff3d77 100%) !important;
	background-size: 260% 260% !important;
	box-shadow: 0 14px 30px rgba(255,122,0,.18), 0 0 20px rgba(57,255,20,.11) !important;
}

.gwp-new-groups .zr-group-button:hover {
	box-shadow: 0 19px 38px rgba(255,61,119,.17), 0 0 25px rgba(57,255,20,.15) !important;
}

@media (max-width: 768px) {
	.gwp-new-groups {
		margin-top: 18px !important;
		padding: 20px 8px 22px !important;
		border-radius: 15px !important;
	}

	.zr-new-groups-heading-area {
		margin-bottom: 15px !important;
	}

	.zr-new-groups-heading-area > div > span {
		font-size: 8px !important;
		letter-spacing: 1.25px !important;
	}

	.zr-new-groups-title {
		font-size: clamp(25px,8vw,34px) !important;
		letter-spacing: -1.2px !important;
	}

	.zr-new-groups-title::after {
		width: 86px;
		height: 4px;
		margin-top: 7px;
	}

	.zr-new-groups-heading-area p {
		margin-top: 8px !important;
		font-size: 11px !important;
	}
}