/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2026 | 20:48:01 */
/* ==========================================================================
   CP PESQUISA — faixa da pesquisa dentro do produto
   Prefixo: cp-pesq-
   Par: src-web/wp/js/cp-mod-pesquisa.js + rotas /me/pesquisa* no cp-api.
   Doc: DataExtractor/doc/planejamento/instrumentacao-de-feedback.md

   Faixa DISCRETA acima do topo da home e da Minha Área, só para quem foi
   sorteado. Fica no fluxo da página (não é fixa nem cobre nada) e some quando a
   pessoa responde ou fecha.

   GLOBAL na allowlist (cp_assets_always_keep): a home e a Minha Área têm
   manifesto de CSS, e sem a allowlist o fiscal cortaria este arquivo justamente
   nelas.
   ========================================================================== */

.cp-pesq {
	width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background: #fffbea !important;
	border-bottom: 1px solid #f0e2a6 !important;
	color: #1a1a1a !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	transition: opacity .2s ease;
}

.cp-pesq-saindo { opacity: 0; }

.cp-pesq-inner {
	max-width: var(--cp-page-max, 1100px) !important;
	margin: 0 auto !important;
	padding: 14px 20px !important;
	display: flex !important;
	align-items: flex-start !important;
	gap: 16px !important;
	box-sizing: border-box !important;
}

.cp-pesq-corpo {
	flex: 1 1 auto;
	min-width: 0;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 10px 18px !important;
}

.cp-pesq-texto {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	color: #1a1a1a !important;
}

.cp-pesq-fim { font-weight: 500 !important; }

.cp-pesq-escala {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 4px !important;
}

button.cp-pesq-n {
	min-width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 6px !important;
	border: 1px solid #d4d4d8 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #1a1a1a !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 30px !important;
	text-decoration: none !important;
	cursor: pointer;
	box-shadow: none !important;
}

button.cp-pesq-n:hover,
button.cp-pesq-n:focus-visible {
	border-color: #1a1a1a !important;
	background: #F7D44A !important;
	color: #1a1a1a !important;
}

button.cp-pesq-n.cp-pesq-n-on {
	border-color: #1a1a1a !important;
	background: #1a1a1a !important;
	color: #ffffff !important;
}

.cp-pesq-campo {
	flex: 1 1 320px;
	min-width: 0;
	margin: 0 !important;
	padding: 8px 10px !important;
	border: 1px solid #d4d4d8 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #1a1a1a !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	resize: vertical;
	box-sizing: border-box !important;
}

.cp-pesq-acoes {
	display: flex !important;
	gap: 8px !important;
}

button.cp-pesq-btn {
	margin: 0 !important;
	padding: 7px 14px !important;
	border: 1px solid #d4d4d8 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	color: #1a1a1a !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	cursor: pointer;
	box-shadow: none !important;
}

button.cp-pesq-btn.cp-pesq-btn-pri {
	border-color: #1a1a1a !important;
	background: #1a1a1a !important;
	color: #ffffff !important;
}

button.cp-pesq-btn:disabled { opacity: .6; cursor: default; }

.cp-pesq-aviso {
	flex-basis: 100%;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #92400e !important;
}

button.cp-pesq-x {
	flex: 0 0 auto;
	width: 28px !important;
	height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: #71717a !important;
	font-size: 16px !important;
	line-height: 28px !important;
	cursor: pointer;
	box-shadow: none !important;
}

button.cp-pesq-x:hover { color: #1a1a1a !important; background: rgba(0, 0, 0, .05) !important; }

@media (max-width: 768px) {
	.cp-pesq-inner { padding: 12px 16px !important; gap: 10px !important; }
	.cp-pesq-escala { flex-wrap: wrap !important; }
}

@media (max-width: 480px) {
	.cp-pesq-escala {
		display: grid !important;
		grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
		width: 100% !important;
	}
	button.cp-pesq-n { min-width: 0 !important; padding: 0 !important; font-size: 12px !important; }
}