/* EncuestaPress 0.20.2 — selección y consumo de encuestas destacadas. */
.ep-featured-selector {
	display: grid;
	gap: 7px;
	margin: 16px 0;
	padding: 16px;
	border: 1px solid #dedfe2;
	border-radius: 12px;
	background: #f7f7f8;
}
.ep-featured-selector.is-active {
	border-color: #ffb69b;
	background: #fff4ef;
}
.ep-featured-selector .ep-inline {
	margin: 0 !important;
}
.ep-featured-selector strong {
	color: #303238;
	font-size: 13px;
}
.ep-featured-selector small {
	color: #68717d;
	line-height: 1.5;
}
.ep-my-survey-card.is-featured {
	border-color: #ffb69b !important;
}
.ep-my-survey-card__image {
	position: relative;
}
.ep-featured-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	padding: 5px 9px;
	border-radius: 999px;
	background: #ff5f2a;
	color: #fff;
	box-shadow: 0 5px 14px rgba(201,54,13,.22);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.ep-my-survey-card__actions .ep-feature-survey-form {
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
}
.ep-my-survey-card__actions .ep-feature-survey-form button {
	min-height: 34px !important;
	padding: 7px 10px !important;
	border: 1px solid #ff9f7c !important;
	border-radius: 8px !important;
	background: #fff4ef !important;
	color: #a83211 !important;
	font: inherit !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	cursor: pointer !important;
}
.ep-my-survey-card__actions .ep-feature-survey-form button.is-active {
	border-color: #ff5f2a !important;
	background: #ff5f2a !important;
	color: #fff !important;
}
.ep-my-survey-card__actions .ep-feature-survey-form button:disabled {
	border-color: #dedfe2 !important;
	background: #f2f3f4 !important;
	color: #8a8f97 !important;
	cursor: not-allowed !important;
	opacity: 1 !important;
}
.ep-account-plan-strip {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
.ep-account-plan-strip > div:last-child {
	text-align: left !important;
}
.ep-my-plan .ep-usage-grid {
	grid-template-columns: repeat(4,minmax(0,1fr));
}
@media (max-width: 760px) {
	.ep-account-plan-strip,
	.ep-my-plan .ep-usage-grid {
		grid-template-columns: 1fr 1fr !important;
	}
}
@media (max-width: 480px) {
	.ep-account-plan-strip,
	.ep-my-plan .ep-usage-grid {
		grid-template-columns: 1fr !important;
	}
}