/* Página de Distribuidores */

.elementor[data-elementor-type="wp-page"] {
	background-color: #F3F3F3;
}

/* Hero Banner */
.elementor-element-hero {
	position: relative;
	overflow: hidden;
}

.elementor-element-hero h1 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Barra Informativa */
.elementor-element[data-id="info-bar"] {
	background-color: #F3F3F3;
}

/* Seção Principal */
.elementor-element[data-id="main-section"] {
	background-color: #F3F3F3;
}

/* Selects */
select {
	appearance: none;
	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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 20px;
	padding-right: 40px;
	color: #333;
}

select:hover {
	border-color: #6A0D91;
}

select:focus {
	outline: none;
	border-color: #6A0D91;
	box-shadow: 0 0 0 3px rgba(106, 13, 145, 0.1);
}

/* Botão */
#buscar-btn {
	box-shadow: 0 2px 8px rgba(26, 35, 126, 0.15);
	transition: all 0.3s ease;
}

#buscar-btn:hover {
	box-shadow: 0 4px 12px rgba(26, 35, 126, 0.25);
	transform: translateY(-2px);
}

#buscar-btn:active {
	transform: translateY(0);
}

/* Card Fale Conosco */
.elementor-col-50 > div {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Resultado */
#resultado {
	animation: slideIn 0.3s ease;
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.of-pet-dist__card {
	transition: all 0.2s ease;
}

.of-pet-dist__card:hover {
	box-shadow: 0 4px 12px rgba(106, 13, 145, 0.1);
	transform: translateY(-2px);
}

/* Responsivo Tablet */
@media (max-width: 1024px) {
	.elementor-container {
		flex-direction: column !important;
		gap: 32px !important;
	}

	.elementor-col-50 {
		flex: 1 !important;
		width: 100% !important;
	}

	h1 {
		font-size: 40px !important;
	}

	h2 {
		font-size: 24px !important;
	}

	h3 {
		font-size: 36px !important;
	}
}

/* Responsivo Mobile */
@media (max-width: 768px) {
	.elementor-section {
		padding: 0 16px !important;
	}

	.elementor-element-hero {
		min-height: 220px !important;
	}

	h1 {
		font-size: 32px !important;
		line-height: 1.2 !important;
	}

	h2 {
		font-size: 20px !important;
	}

	h3 {
		font-size: 28px !important;
	}

	select,
	button {
		width: 100% !important;
	}

	.elementor-container {
		gap: 24px !important;
	}

	.elementor-col-50 > div {
		padding: 24px !important;
	}

	.of-pet-dist__line {
		font-size: 14px !important;
	}
}

/* Responsivo Extra Small */
@media (max-width: 480px) {
	.elementor-element-hero {
		min-height: 200px !important;
		padding: 20px !important;
	}

	h1 {
		font-size: 28px !important;
	}

	h2 {
		font-size: 18px !important;
		margin-bottom: 24px !important;
	}

	h3 {
		font-size: 24px !important;
	}

	select,
	button {
		height: 44px !important;
		font-size: 14px !important;
	}

	.elementor-col-50 > div {
		padding: 16px !important;
	}

	p {
		font-size: 14px !important;
	}
}