/* Administración Omnes · Búsqueda: buscador, filtros, contador, filtros activos y paginación. Colores y tipografías del kit. */

.ob-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	font-family: var(--e-global-typography-text-font-family, "Inter"), sans-serif;
}

.ob-form__busqueda {
	display: flex;
	gap: 10px;
}

.ob-form .ob-form__texto {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 52px;
	padding: 12px 20px;
	border: 1px solid var(--e-global-color-42a09e1, #ececE4);
	border-radius: 999px;
	background: var(--e-global-color-4cef510, #fff);
	color: var(--e-global-color-text, #111);
	font-family: inherit;
	font-size: 17px;
}

.ob-form .ob-form__texto:focus,
.ob-form select:focus {
	border-color: var(--e-global-color-0731c04, #05565a);
	outline: 2px solid color-mix(in srgb, var(--e-global-color-0731c04, #05565a) 25%, transparent);
	outline-offset: 0;
}

/* El reset del tema pinta y anima todos los botones: se fija aquí. */
.ob-form .ob-form__boton,
.ob-form .ob-form__aplicar {
	flex: none;
	min-height: 52px;
	padding: 0 28px;
	border: 0;
	border-radius: 999px;
	background: var(--e-global-color-0731c04, #05565a);
	color: var(--e-global-color-4cef510, #fff);
	font-family: var(--e-global-typography-16b0b1f-font-family, inherit), sans-serif;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: none;
}

.ob-form .ob-form__boton:hover,
.ob-form .ob-form__boton:focus {
	background: var(--e-global-color-primary, #2bb5a7);
	color: #fff;
}

.ob-form .ob-form__boton:focus-visible {
	outline: 2px solid var(--e-global-color-0731c04, #05565a);
	outline-offset: 2px;
}

.ob-form__filtros {
	display: grid;
	grid-template-columns: repeat(var(--ob-campos, 5), minmax(0, 1fr));
	gap: 12px;
}

.ob-campo {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

.ob-campo__etiqueta {
	color: var(--e-global-color-a6b7c8d, #666);
	font-size: 13px;
	font-weight: 600;
}

/* Flecha propia a 16 px del borde derecho, igual en todos los navegadores. */
.ob-form select {
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 12px 8px;
	width: 100%;
	min-height: 44px;
	padding: 8px 40px 8px 14px;
	border: 1px solid var(--e-global-color-42a09e1, #ececE4);
	border-radius: 10px;
	background-color: var(--e-global-color-4cef510, #fff);
	color: var(--e-global-color-text, #111);
	font-family: inherit;
	font-size: 15px;
}

/* Contador */
.ob-contador {
	outline: none;
	font-family: var(--e-global-typography-text-font-family, "Inter"), sans-serif;
	color: var(--e-global-color-text, #111);
	font-size: 16px;
}

.ob-contador p {
	margin: 0;
}

.ob-contador strong {
	font-weight: 600;
}

.ob-contador__pagina,
.ob-contador__ayuda {
	color: var(--e-global-color-a6b7c8d, #666);
}

.ob-contador__vacio {
	font-size: 18px;
}

.ob-contador__ayuda {
	margin-top: 6px !important;
	font-size: 15px;
}

/* Filtros activos */
.ob-activos__lista {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ob-activos__lista li {
	margin: 0;
}

.ob-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px 6px 14px;
	border-radius: 999px;
	background: var(--e-global-color-04d7145, #c8fff4);
	color: var(--e-global-color-0731c04, #05565a);
	font-family: var(--e-global-typography-text-font-family, "Inter"), sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.ob-chip:hover,
.ob-chip:focus-visible {
	background: var(--e-global-color-0731c04, #05565a);
	color: #fff;
}

.ob-chip__x {
	font-size: 16px;
	line-height: 1;
}

.ob-activos__limpiar {
	color: var(--e-global-color-0731c04, #05565a);
	font-size: 14px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Paginación */
.ob-paginacion__nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ob-paginacion__nav li {
	margin: 0;
}

.ob-pag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--e-global-color-42a09e1, #ececE4);
	border-radius: 999px;
	background: var(--e-global-color-4cef510, #fff);
	color: var(--e-global-color-text, #111);
	font-family: var(--e-global-typography-text-font-family, "Inter"), sans-serif;
	font-size: 15px;
	text-decoration: none;
}

a.ob-pag:hover,
a.ob-pag:focus-visible {
	border-color: var(--e-global-color-0731c04, #05565a);
	color: var(--e-global-color-0731c04, #05565a);
}

.ob-pag.is-current {
	border-color: var(--e-global-color-0731c04, #05565a);
	background: var(--e-global-color-0731c04, #05565a);
	color: #fff;
	font-weight: 600;
}

.ob-pag.is-disabled {
	opacity: 0.4;
}

.ob-pag--puntos {
	border-color: transparent;
	background: transparent;
}

/* Subcategorías (archivo de categoría) */
.ob-subcategorias__nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ob-subcategorias__nav li {
	margin: 0;
}

.ob-pastilla {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 16px;
	border: 1px solid var(--e-global-color-42a09e1, #ececE4);
	border-radius: 999px;
	background: var(--e-global-color-4cef510, #fff);
	color: var(--e-global-color-0731c04, #05565a);
	font-family: var(--e-global-typography-text-font-family, "Inter"), sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

a.ob-pastilla:hover,
a.ob-pastilla:focus-visible {
	border-color: var(--e-global-color-0731c04, #05565a);
	color: var(--e-global-color-0731c04, #05565a);
}

.ob-pastilla.is-active,
a.ob-pastilla.is-active:hover {
	border-color: var(--e-global-color-0731c04, #05565a);
	background: var(--e-global-color-0731c04, #05565a);
	color: var(--e-global-color-4cef510, #fff);
	font-weight: 600;
}

/* Mientras llegan los resultados */
.ob-cargando .ob-resultados {
	opacity: 0.45;
	transition: opacity 0.15s;
}

@media (max-width: 1024px) {
	.ob-form__filtros {
		grid-template-columns: repeat(min(3, var(--ob-campos, 5)), minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.ob-form__busqueda {
		flex-direction: column;
	}

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

	/* Pastillas en una fila desplazable en vez de varias líneas. */
	.ob-subcategorias__nav ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		margin-right: -16px;
		padding-right: 16px;
	}

	.ob-pag--flecha span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
}