.br-wrap {
	--br-accent: #0ea5e9;
	--br-navy: #0f1f45;
	--br-text: #3b4a63;
	--br-border: #cfd6df;
	background: #fff;
	border-top: 5px solid var(--br-accent);
	border-radius: 6px;
	padding: 22px 22px 26px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
	box-sizing: border-box;
	width: 100%;
}
.br-wrap *, .br-wrap *::before, .br-wrap *::after { box-sizing: border-box; }

.br-form {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	margin: 0;
}
.br-field { display: flex; flex-direction: column; gap: 8px; }
.br-field--search { flex: 1 1 55%; }
.br-field--cat    { flex: 0 1 36%; min-width: 200px; }

.br-field label {
	font-size: 14px;
	font-weight: 600;
	color: var(--br-text);
	line-height: 1;
	margin: 0;
}

.br-field input[type="search"],
.br-field select {
	width: 100%;
	height: 52px;
	padding: 0 16px;
	font-size: 18px;
	font-family: inherit;
	color: #111;
	background-color: #fff;
	border: 1px solid var(--br-border);
	border-radius: 4px;
	outline: none;
	box-shadow: none;
	margin: 0;
	transition: border-color .15s, box-shadow .15s;
}
.br-field input[type="search"]::placeholder { color: #8a8f98; }
.br-field input[type="search"]:focus,
.br-field select:focus {
	border-color: var(--br-accent);
	box-shadow: 0 0 0 3px rgba(14, 165, 233, .2);
}

.br-btn {
	flex: 0 0 auto;
	height: 52px;
	padding: 0 32px;
	font-size: 18px;
	font-weight: 700;
	font-family: inherit;
	color: #fff;
	background: var(--br-navy);
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: background .15s, transform .05s;
}
.br-btn:hover  { background: #17306a; }
.br-btn:active { transform: translateY(1px); }

/* Móvil: todo en columna */
@media (max-width: 768px) {
	.br-form { flex-direction: column; align-items: stretch; }
	.br-field--search, .br-field--cat { flex: 1 1 auto; min-width: 0; }
	.br-btn { width: 100%; }
}